:root{--night:#070708;--night-2:#101012;--glass:rgba(255,255,255,.065);--glow:rgba(255,75,75,.38)}
/* Progressive enhancement: content is always visible, motion is applied by JS. */
.reveal{opacity:1;transform:none}.page-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:1000;pointer-events:none}.page-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff4b4b,#ff8989);transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px var(--accent)}
.ambient-pointer{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,75,75,.1),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}.site-header{mix-blend-mode:normal}.site-header:not(.scrolled) .nav-list a{color:#fff}.site-header:not(.scrolled) .brand img,.site-header:not(.scrolled) .custom-logo{filter:brightness(0) invert(1)}.site-header:not(.scrolled) .header-cta{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px)}.site-header.scrolled{background:rgba(8,8,9,.78);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px rgba(0,0,0,.22)}.site-header.scrolled .nav-list a{color:#fff}.site-header.scrolled .brand img,.site-header.scrolled .custom-logo{filter:brightness(0) invert(1)}.site-header.scrolled .header-cta{background:var(--accent)}
.hero{min-height:100svh;padding-top:150px;background:radial-gradient(circle at 75% 20%,rgba(255,75,75,.16),transparent 30%),linear-gradient(145deg,#080809 0%,#111114 58%,#080809 100%);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.hero-canvas,.hero-gridlines,.hero-glow{position:absolute;inset:0;pointer-events:none}.hero-canvas{width:100%;height:100%;z-index:0;opacity:.72}.hero-gridlines{z-index:0;background:repeating-radial-gradient(circle at 78% 43%,transparent 0 79px,rgba(255,255,255,.035) 80px 81px)}.hero-glow{width:42vw;height:42vw;border-radius:50%;filter:blur(70px);opacity:.22}.glow-a{background:var(--accent);left:-25vw;top:15%}.glow-b{background:#5b31ff;left:auto;right:-28vw;top:35%}.hero-grid{z-index:3}.eyebrow{color:#c8c8cd}.status-pulse{width:8px;height:8px;border-radius:50%;background:#58e58c;box-shadow:0 0 0 0 rgba(88,229,140,.6);animation:signal 2s infinite}.eyebrow:before{display:none}@keyframes signal{70%{box-shadow:0 0 0 10px rgba(88,229,140,0)}}.hero-title{text-shadow:0 12px 50px rgba(0,0,0,.3)}.hero-intro{color:#b4b4bc}.button-accent{position:relative;overflow:hidden;box-shadow:0 14px 45px rgba(255,75,75,.25)}.button-accent:before{content:"";position:absolute;inset:-2px auto -2px -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:transform .7s}.button-accent:hover:before{transform:translateX(500%) skewX(-18deg)}.browser-card{border:1px solid rgba(255,255,255,.11);box-shadow:0 45px 120px rgba(0,0,0,.6),0 0 80px rgba(255,75,75,.08)}.browser-body{background:radial-gradient(circle at 85% 15%,rgba(255,75,75,.85),transparent 30%),radial-gradient(circle at 15% 88%,rgba(91,49,255,.25),transparent 28%),linear-gradient(145deg,#171719,#030304)}.browser-pill{background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.code-stream{position:absolute;left:54px;right:54px;bottom:38px;display:grid;gap:8px;opacity:.28}.code-stream i{height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left;animation:code 3.5s ease-in-out infinite}.code-stream i:nth-child(2){width:64%;animation-delay:.3s}.code-stream i:nth-child(3){width:38%;animation-delay:.6s}@keyframes code{50%{transform:scaleX(.4);opacity:.4}}.hero-orbit{border-color:rgba(255,75,75,.18);animation:orbitPulse 7s ease-in-out infinite}.orbit-two{animation-delay:-3.5s}@keyframes orbitPulse{50%{transform:scale(1.06);opacity:.4}}.marquee{box-shadow:0 20px 60px rgba(255,75,75,.18)}
.signal-strip{background:#080809;color:#fff;border-top:1px solid #202024;border-bottom:1px solid #202024}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid span{padding:27px 20px;border-right:1px solid #202024;font:600 12px "Manrope";text-transform:uppercase;letter-spacing:.08em}.signal-grid span:last-child{border:0}.signal-grid b{color:var(--accent);margin-right:12px}
.intro-section{position:relative;overflow:hidden}.intro-section:before{content:"RM";position:absolute;right:-4vw;top:4%;font:800 28vw/1 "Manrope";letter-spacing:-.1em;color:rgba(11,11,12,.025);pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.metrics div{background:var(--paper);padding:28px}.metrics strong{display:block;font:800 46px/1 "Manrope";letter-spacing:-.06em;color:var(--accent)}.metrics span{display:block;margin-top:10px;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.services-section{background:linear-gradient(180deg,#fff,#f4f2ee)}.service-row{position:relative;overflow:hidden}.service-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,75,75,.055),transparent);transform:translateX(-110%);transition:transform .7s var(--ease)}.service-row:hover:before{transform:translateX(110%)}
.projects-section{position:relative;background:radial-gradient(circle at 15% 10%,rgba(255,75,75,.12),transparent 25%),#070708;overflow:hidden}.projects-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:26px 26px;opacity:.18;mask-image:linear-gradient(#000,transparent)}.projects-section .container{position:relative}.project{position:relative}.project-art{border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 90px rgba(0,0,0,.32);will-change:transform}.project-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.2),transparent 26%);opacity:0;transition:opacity .35s;pointer-events:none}.project:hover .project-art:after{opacity:1}.project-info h3 a{transition:color .25s}.project-info h3 a:hover{color:var(--accent)}.mock-window{border:1px solid rgba(0,0,0,.08)}.mock-window a{display:inline-block;border-bottom:1px solid;padding-bottom:5px;font-size:14px}.phone a{font-style:normal;font-size:11px;border:1px solid;border-radius:50px;padding:9px;text-align:center}.poster a{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.project-orbit{position:absolute;width:460px;height:460px;border:1px solid rgba(255,75,75,.24);border-radius:50%;right:-120px;top:-160px;animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.process-section{background:linear-gradient(130deg,#f4f2ee,#fff)}.step{position:relative}.step:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--accent);transition:width .55s var(--ease)}.step:hover:after{width:100%}.quote-section{background:radial-gradient(circle at 50% 20%,#ff7474,var(--accent) 55%,#df2e2e);min-height:640px;display:grid;place-items:center}.quote-section:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitPulse 6s infinite}
.contact-section{background:linear-gradient(145deg,#f4f2ee,#fff)}.contact-form{border:1px solid rgba(11,11,12,.07);box-shadow:0 35px 100px rgba(0,0,0,.11);transition:transform .35s,box-shadow .35s}.contact-form:focus-within{transform:translateY(-5px);box-shadow:0 45px 120px rgba(255,75,75,.12)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 1px var(--accent)}.form-status.success{animation:successPulse .7s var(--ease)}@keyframes successPulse{0%{transform:scale(.96);opacity:0}65%{transform:scale(1.02)}100%{transform:none;opacity:1}}
.site-footer{position:relative;overflow:hidden;padding-top:95px}.footer-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(255,75,75,.13);filter:blur(70px);right:-300px;top:-350px}.footer-statement{position:relative;padding-bottom:70px;margin-bottom:60px;border-bottom:1px solid #29292c}.footer-statement span{display:block;color:#8e8e95;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.footer-statement strong{display:block;font:700 clamp(52px,8vw,120px)/.95 "Manrope";letter-spacing:-.07em;margin-top:18px}.footer-statement em{color:var(--accent);font-style:normal}
@media(pointer:fine){.ambient-pointer{opacity:1}.project{cursor:none}}
@media(max-width:960px){.ambient-pointer{display:none}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid span:nth-child(2){border-right:0}.signal-grid span:nth-child(-n+2){border-bottom:1px solid #202024}.metrics{margin-top:45px}.site-header:not(.scrolled) .brand img,.site-header:not(.scrolled) .custom-logo{filter:brightness(0) invert(1)}.menu-toggle{background:var(--accent)}}
@media(max-width:640px){.hero{padding-top:110px;min-height:auto}.hero-title{font-size:14vw}.hero-glow{width:90vw;height:90vw}.hero-stage{height:355px}.float-a{right:0}.signal-grid{grid-template-columns:1fr}.signal-grid span{border-right:0;border-bottom:1px solid #202024!important;padding:18px 8px}.metrics{grid-template-columns:1fr}.metrics div{padding:22px}.project-art,.project-large .project-art{height:390px}.mock-window{padding:28px}.mock-window strong{font-size:39px}.phone{width:72%;height:76%;padding:32px 20px}.phone b{font-size:34px}.poster{width:76%;padding:28px}.poster span{font-size:39px}.project-info{gap:18px}.project-info h3{font-size:23px}.project-info>span{font-size:13px}.quote-section{min-height:540px}.footer-statement{padding-bottom:45px;margin-bottom:45px}.footer-statement strong{font-size:14vw}}
@media(prefers-reduced-motion:reduce){.hero-orbit,.status-pulse,.code-stream i,.project-orbit,.quote-section:before{animation:none!important}.ambient-pointer,.cursor-dot,.cursor-ring{display:none!important}}
.hero-services{max-width:620px;margin-top:30px;color:#777780;font:600 10px/1.7 "Manrope";letter-spacing:.13em;text-transform:uppercase}.project>a{display:block;color:inherit;text-decoration:none}.has-project-image{background-size:cover;background-position:center}.has-project-image>*{display:none}.project-isc{background:linear-gradient(145deg,#f5f7f4,#dbe8dd)}.project-cbs{background:linear-gradient(145deg,#171719,#ff4b4b);color:#fff}.project-infoserv{background:linear-gradient(145deg,#eff7ff,#cde1f6)}
.page-transition{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#070708;color:#fff;transform:translateY(-102%);transition:transform .75s cubic-bezier(.77,0,.18,1);pointer-events:none}.page-transition span{font:800 clamp(28px,6vw,90px)/1 "Manrope";letter-spacing:.18em;color:var(--accent);opacity:.92}.page-transition.is-loading{transform:translateY(0);pointer-events:auto}.page-transition.is-leaving{transform:translateY(0);pointer-events:auto}.button:active,.header-cta:active,.circle-link:active{transform:scale(.96)!important}@media(prefers-reduced-motion:reduce){.page-transition{display:none!important}}
.project-showcase{display:grid;gap:110px}.project-case{position:relative}.project-browser{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#111114;box-shadow:0 50px 130px rgba(0,0,0,.55);transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s}.project-case:hover .project-browser{transform:translateY(-9px);box-shadow:0 65px 160px rgba(0,0,0,.68),0 0 70px rgba(255,75,75,.08)}.project-browser-bar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(20,20,23,.92);backdrop-filter:blur(18px)}.browser-dots{display:flex;gap:7px}.browser-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#48484e}.browser-dots i:first-child{background:var(--accent)}.project-domain{padding:7px 19px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:#7f7f88;font-size:10px;letter-spacing:.08em}.project-expand{justify-self:end;width:31px;height:31px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:.3s}.project-expand:hover{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}.project-visual{position:relative;height:min(66vw,720px);min-height:520px;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(26px,5vw,68px);background-size:cover;background-position:center;isolation:isolate}.project-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 45%),radial-gradient(circle at var(--mx,65%) var(--my,25%),rgba(255,255,255,.24),transparent 23%);z-index:-1}.project-visual.art-1{background-color:#222b25;background-image:linear-gradient(135deg,#0d1913,#315540 58%,#9fc7ad)}.project-visual.art-2{background-color:#2a0f0f;background-image:radial-gradient(circle at 75% 25%,#ff6a56,transparent 28%),linear-gradient(145deg,#160809,#5e1819)}.project-visual.art-3{background-color:#0e1c2a;background-image:linear-gradient(120deg,#07111d,#133957 60%,#2479a6)}.project-brand{max-width:75%;color:#fff}.project-brand small{display:block;margin-bottom:24px;font:600 11px/1.3 "Manrope";letter-spacing:.16em;text-transform:uppercase;opacity:.65}.project-brand strong{display:block;max-width:900px;font:800 clamp(54px,8vw,126px)/.84 "Manrope";letter-spacing:-.075em;text-wrap:balance}.project-brand span{display:block;margin-top:34px;font:600 12px "Manrope";letter-spacing:.13em}.project-preview-button{position:absolute;right:clamp(26px,5vw,68px);bottom:clamp(26px,5vw,68px);display:flex;align-items:center;gap:28px;padding:17px 20px 17px 25px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(6,6,8,.48);backdrop-filter:blur(18px);color:#fff;font-weight:700;cursor:pointer;transition:.35s}.project-preview-button:hover{background:var(--accent);border-color:var(--accent)}.project-preview-button i{font-style:normal;font-size:18px}.project-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:27px 5px 0;color:#fff}.project-meta>div{display:grid;grid-template-columns:45px auto;column-gap:16px}.project-meta span{grid-row:1/3;color:var(--accent);font:700 11px "Manrope";padding-top:8px}.project-meta h3{margin:0;font:700 clamp(25px,3vw,42px)/1 "Manrope";letter-spacing:-.045em}.project-meta p{margin:8px 0 0;color:#85858d;font-size:14px}.project-meta>a{color:#fff;border-bottom:1px solid #44444b;padding-bottom:7px;font-size:13px;font-weight:700}.project-meta>a i{display:inline-block;margin-left:10px;font-style:normal;transition:.3s}.project-meta>a:hover i{transform:translate(4px,-4px)}.preview-open{overflow:hidden}.project-preview-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.project-preview-modal.is-open{opacity:1;visibility:visible}.preview-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.83);backdrop-filter:blur(22px)}.preview-window{position:relative;width:min(1500px,96vw);height:min(880px,92vh);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#0c0c0f;box-shadow:0 50px 180px rgba(0,0,0,.9);transform:translateY(30px) scale(.98);transition:transform .45s cubic-bezier(.22,1,.36,1)}.is-open .preview-window{transform:none}.preview-toolbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#17171b;color:#fff;border-bottom:1px solid #29292f}.preview-toolbar strong{font-size:12px;letter-spacing:.05em}.preview-toolbar>div{justify-self:end;display:flex;align-items:center;gap:15px}.preview-toolbar a{color:#aaa;font-size:11px}.preview-toolbar button{width:34px;height:34px;border:1px solid #35353b;border-radius:50%;background:#232329;color:#fff;font-size:22px;cursor:pointer}.preview-toolbar button:hover{background:var(--accent)}.preview-window iframe{display:block;width:100%;height:calc(100% - 58px);border:0;background:#fff}.preview-loading{position:absolute;inset:58px 0 0;z-index:2;display:none;place-items:center;align-content:center;gap:14px;background:#0d0d10;color:#888}.is-loading .preview-loading{display:grid}.preview-loading span{width:42px;height:42px;border:2px solid #333;border-top-color:var(--accent);border-radius:50%;animation:previewSpin .8s linear infinite}.preview-loading p{font-size:12px;letter-spacing:.08em}.preview-help{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:7px 12px;border-radius:99px;background:rgba(0,0,0,.65);color:#aaa;font-size:10px;pointer-events:none;opacity:.75}@keyframes previewSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.project-showcase{gap:70px}.project-browser{border-radius:20px}.project-browser-bar{height:46px}.project-domain{max-width:165px;overflow:hidden;text-overflow:ellipsis}.project-visual{height:470px;min-height:0;padding:25px}.project-brand{max-width:100%;align-self:flex-start;margin-top:55px}.project-brand strong{font-size:13vw}.project-preview-button{left:25px;right:auto;bottom:25px}.project-meta{align-items:flex-start;flex-direction:column;padding-top:20px}.project-meta>a{margin-left:61px}.project-preview-modal{padding:8px}.preview-window{width:100%;height:94vh;border-radius:18px}.preview-toolbar{grid-template-columns:auto 1fr auto;padding:0 10px}.preview-toolbar .browser-dots{display:none}.preview-toolbar strong{padding-left:7px}.preview-toolbar a{display:none}.preview-help{width:max-content;max-width:90%;text-align:center}}


/* Redmaker 7.6 — cleaner project editorial treatment */
.project-visual.has-project-image .project-brand{align-self:flex-start;max-width:none;margin-top:0;display:flex;flex-direction:column;gap:10px;padding:14px 17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(6,6,8,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.project-visual.has-project-image .project-brand small{margin:0;font-size:10px;letter-spacing:.14em;opacity:.82}
.project-visual.has-project-image .project-brand span{margin:0;font-size:10px;opacity:.78}
.project-meta-editorial{align-items:center;padding:18px 5px 0;gap:22px}
.project-identity{display:flex;align-items:center;gap:14px;min-width:0}
.project-short{display:grid;place-items:center;min-width:42px;height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;font:700 10px/1 "Manrope";letter-spacing:.12em;background:rgba(255,255,255,.035)}
.project-identity h3{margin:0 0 4px;color:#e9e9ec;font:600 15px/1.15 "Manrope";letter-spacing:-.02em}
.project-identity p{margin:0;color:#6f6f78;font:500 10px/1.4 "Manrope";letter-spacing:.025em}
.project-identity p i{font-style:normal;color:#3d3d43;margin:0 5px}
.project-meta-editorial>a{font-size:11px;margin-left:auto;white-space:nowrap;opacity:.82}
@media(max-width:760px){.project-visual.has-project-image .project-brand{margin-top:0;padding:11px 13px}.project-meta-editorial{flex-direction:row;align-items:center;gap:10px;padding-top:14px}.project-identity{gap:9px}.project-short{min-width:36px;height:25px;font-size:9px;padding:0 7px}.project-identity h3{font-size:12px;margin-bottom:3px}.project-identity p{font-size:9px}.project-meta-editorial>a{margin-left:auto;font-size:10px}}