body.grh-home{margin:0!important;background:#0b101b!important}#grh{--bg:#0b101b;--panel:#121a29;--muted:#a8b5ca;--blue:#6d9bff;color:#f3f6fc;background:var(--bg);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}#grh *{box-sizing:border-box}#grh h1,#grh h2,#grh h3,#grh p{margin:0}#grh a{color:inherit;text-decoration:none}#grh a:focus-visible{outline:3px solid #8eb3ff;outline-offset:5px}#grh .wrap{width:min(1160px,calc(100% - 64px));margin:auto}#grh .nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px;border-bottom:1px solid #ffffff10}#grh .brand{font-size:36px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center}#grh .brand>span:first-child{color:var(--blue)}#grh .brand-name{font-size:14px;letter-spacing:0;margin-left:16px;font-weight:600}#grh nav{display:flex;gap:28px;font-size:14px;color:#bac6da}#grh .button{display:inline-flex;align-items:center;justify-content:center;background:#527ee9;color:white;padding:14px 24px;border-radius:9px;font-weight:650;font-size:14px;border:1px solid #779ffa;transition:background .15s}#grh .button:hover{background:#3969d7}#grh .button.small{padding:10px 20px}#grh .button.secondary{background:transparent;border-color:#344157}#grh .hero{display:grid;grid-template-columns:1.35fr 1fr;gap:75px;align-items:center;padding:80px 0 65px}#grh .eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--blue);text-transform:uppercase}#grh .dot{display:inline-block;width:8px;height:8px;background:#69dcb6;border-radius:100%;margin-right:9px}#grh .hello{font-size:19px;color:#c3cfe1;margin-top:26px}#grh h1{font-size:clamp(34px,4vw,53px);font-weight:750;letter-spacing:-2px;line-height:1.13;margin-top:13px}#grh .accent{color:var(--blue)}#grh .lead{color:var(--muted);font-size:17px;max-width:550px;margin-top:24px}#grh .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}#grh .hero-tags{display:flex;flex-wrap:wrap;gap:20px;color:#8799b5;font-size:12px;margin-top:30px}#grh .portrait-card{border:1px solid #344560;border-radius:20px;background:radial-gradient(ellipse at 60% 30%,#375186,#18243b 70%);overflow:hidden;position:relative;box-shadow:0 30px 100px #18285145}#grh .portrait-label{padding:20px 23px;font-size:9px;letter-spacing:2px;color:#cad7ef}#grh .portrait-card img{display:block;width:100%;height:350px;object-fit:cover;object-position:50% 23%}#grh .portrait-caption{display:flex;gap:6px;align-items:center;padding:18px 22px;background:#101a2deb}#grh .portrait-caption strong{display:block;font-size:14px}#grh .portrait-caption div>span{font-size:11px;color:var(--muted)}#grh .code-mark{font-family:monospace;font-size:26px;color:var(--blue);margin-left:auto}#grh .monogram{height:350px;display:grid;place-content:center;font-size:90px;font-weight:800;text-align:center;color:#9bbbff}#grh .monogram span{font-size:15px;font-weight:400}#grh .trust{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-block:1px solid #ffffff14}#grh .trust>div{padding:0 26px;border-right:1px solid #ffffff15}#grh .trust>div:first-child{padding-left:0}#grh .trust>div:last-child{border:0}#grh .trust strong{font-size:24px;letter-spacing:-.5px;display:block}#grh .trust span{font-size:12px;color:var(--muted)}#grh .section{padding-top:85px;padding-bottom:85px;scroll-margin-top:24px}#grh h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1.2px;margin-top:12px}#grh .section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}#grh .section-heading>p{max-width:330px;font-size:14px;color:var(--muted)}#grh .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#grh .card{background:var(--panel);border:1px solid #ffffff0e;border-radius:13px;overflow:hidden}#grh .service{padding:28px}#grh .number{font-family:monospace;color:var(--blue);background:#6d9bff12;border:1px solid #6d9bff25;padding:6px 10px;border-radius:7px;font-size:13px;display:inline-block}#grh h3{font-size:19px;line-height:1.4;letter-spacing:-.3px}#grh .service h3{margin-top:21px}#grh .card p{font-size:13px;color:var(--muted);margin-top:12px}#grh .service>a{display:flex;justify-content:space-between;font-size:12px;color:#b9ccf5;margin-top:23px}#grh .work-section{background:#0e1522;border-block:1px solid #ffffff08}#grh .text-link{font-size:13px;color:#aac5ff;font-weight:600}#grh .project-art{display:block;background:linear-gradient(135deg,#244659,#112733);padding:18px;min-height:218px}#grh .art-2{background:linear-gradient(135deg,#26365f,#1b203d)}#grh .art-3{background:linear-gradient(135deg,#3d3159,#251c39)}#grh .browser-bar{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;font:9px/1.5 monospace;color:#b9c8db;padding-bottom:12px;gap:8px}#grh .project-identity{font-size:25px;font-weight:750;letter-spacing:-.8px;padding:30px 0 18px}#grh .project-identity span{display:block;font-size:9px;letter-spacing:1px;margin-top:7px;font-weight:500;color:#b8c9e6}#grh .art-lines{display:flex;gap:9px}#grh .art-lines i{height:30px;flex:1;background:#ffffff0c;border-radius:4px;border:1px solid #ffffff0c}#grh .project-copy{padding:24px}#grh .project-copy .eyebrow{font-size:9px;letter-spacing:.7px;color:var(--blue);margin:0 0 10px}#grh .about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}#grh .about p:not(.eyebrow){color:var(--muted);margin:23px 0;font-size:15px}#grh .about-panel{padding:35px;border-radius:16px;background:linear-gradient(120deg,#18253d,#131c2b);border:1px solid #293953}#grh .about-panel h3{font-size:29px;margin-top:20px;line-height:1.45}#grh .about-panel h3 span{color:var(--blue)}#grh .about .about-panel p{font-size:12px;margin-bottom:0}#grh .stack{border-block:1px solid #ffffff12;padding:28px 0}#grh .stack>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:19px}#grh .stack>div>span{padding:8px 15px;border:1px solid #ffffff13;border-radius:7px;font-size:12px;color:#c8d4e8}#grh .article-image{display:block;aspect-ratio:1.9;background:#1c2d4b;overflow:hidden}#grh .article-image img{width:100%;height:100%;object-fit:cover;display:block}#grh .fallback{display:block;padding:24px;font-size:25px;font-weight:650;line-height:1.3;color:#aec9ff}#grh .fallback>span{float:right}#grh .article-copy{padding:23px}#grh .article-copy .meta{font-size:10px;margin:0 0 10px}#grh .article-copy h3{font-size:18px}#grh .article-copy .text-link{display:inline-block;margin-top:18px}#grh .cta{padding:55px 45px;text-align:center;border:1px solid #33496b;border-radius:18px;background:radial-gradient(ellipse at top,#22375c,#111b2c 75%)}#grh .cta h2{font-size:clamp(30px,4vw,45px)}#grh .cta>p:not(.eyebrow){color:var(--muted);max-width:540px;margin:21px auto 26px;font-size:14px}#grh .email{display:block;font-size:13px;margin-top:20px;color:#bcd0f6}#grh .footer{padding:35px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#92a3be}#grh .footer>div{display:flex;gap:24px;flex-wrap:wrap}#grh .skip{position:absolute;left:16px;top:-100px;background:#fff;color:#111;padding:10px;z-index:100000}#grh .skip:focus{top:16px}#grh .preview-note{text-align:center;background:#203655;color:#fff;font-size:12px;padding:10px}#grh a:hover{color:#bfd4ff}#grh .button:hover{color:white}@media(max-width:950px){#grh .hero{gap:35px}#grh .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#grh .projects{grid-template-columns:1fr}#grh .project{display:grid;grid-template-columns:1fr 1fr}#grh .about{gap:35px}#grh .brand-name{display:none}}@media(max-width:640px){#grh .wrap{width:calc(100% - 36px)}#grh .nav{flex-wrap:wrap;padding:16px 0;gap:12px}#grh nav{order:3;width:100%;justify-content:space-between;gap:12px;padding-top:8px}#grh .hero{grid-template-columns:1fr;padding:40px 0;gap:32px}#grh h1{letter-spacing:-1.4px;font-size:37px}#grh .portrait-card{max-width:420px;width:100%;margin:auto}#grh .portrait-card img{height:330px}#grh .trust{grid-template-columns:1fr 1fr;gap:22px}#grh .trust>div{padding:0;border:0}#grh .trust strong{font-size:22px}#grh .section{padding-block:55px}#grh .section-heading{display:block}#grh .section-heading>p,#grh .section-heading>.text-link{margin-top:15px;display:block}#grh .grid,#grh .about{grid-template-columns:1fr}#grh .project{display:block}#grh .service{padding:24px}#grh .cta{padding:35px 22px}#grh .footer{flex-direction:column}#grh .footer>div{gap:18px}#grh .actions .button{flex:1;padding:13px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){#grh *{transition:none!important}}

/* Version 1.1 — layered surfaces and restrained motion. */
#grh{position:relative;isolation:isolate;--bg:#080d18;--panel:#111b2c;--blue:#8aaeff;background:var(--bg)}
#grh .grh-ambient{position:absolute;inset:0 0 auto;height:850px;pointer-events:none;overflow:hidden;z-index:-1}
#grh .grh-ambient i{position:absolute;inset:-130px -100px auto auto;width:700px;height:700px;background:radial-gradient(circle,#3462b92a,transparent 65%);animation:grh-drift 14s ease-in-out infinite alternate}
#grh .grh-ambient i+i{inset:0 auto auto -300px;background:radial-gradient(circle,#6945ba1c,transparent 65%);animation-delay:-7s}
#grh .nav{border:1px solid #ffffff12;border-radius:18px;background:#111b2a9e;padding:14px 24px;margin-top:20px;box-shadow:0 8px 35px #00000020}
#grh .hero{padding-top:100px;padding-bottom:85px;gap:65px}
#grh h1{font-size:clamp(38px,4.8vw,65px);line-height:1.07;letter-spacing:-2.8px;font-weight:800;max-width:700px}
#grh .hello{font-size:18px;margin-top:24px}
#grh .hero>.portrait-card{transform:rotate(2deg);border-radius:24px;box-shadow:0 30px 90px #15367740;transition:transform .5s ease,box-shadow .5s ease}
#grh .hero>.portrait-card:hover{transform:rotate(0);box-shadow:0 35px 100px #2e5bad50}
#grh .portrait-label{display:flex;align-items:center;justify-content:space-between}
#grh .portrait-label>span{font-size:20px;color:#a9c6ff}
#grh .portrait-card img{height:400px;filter:saturate(.85)}
#grh .button{border-radius:12px;background:linear-gradient(120deg,#477bed,#6a66e8);box-shadow:0 8px 24px #365ad030;transition:transform .22s ease,box-shadow .22s ease}
#grh .button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #365ad055;background:linear-gradient(120deg,#5b8bf0,#8277ee)}
#grh .button.secondary{box-shadow:none;background:#ffffff04}
#grh .hero-tags span{padding:5px 11px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff04}
#grh .hero-tags{gap:8px}
#grh .trust{border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(100deg,#142137aa,#101725aa);padding:28px}
#grh .trust strong{font-size:27px}
#grh .card{border-radius:18px;background:linear-gradient(135deg,#152137,#101928);border-color:#ffffff12;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
#grh .card:hover,#grh .card:focus-within{transform:translateY(-6px);border-color:#779fff65;box-shadow:0 20px 45px #00000025}
#grh .service{min-height:260px;position:relative}
#grh .service .number{border-radius:12px;padding:10px 13px;background:linear-gradient(130deg,#6d9bff20,#967aff10)}
#grh .service>a span{transition:transform .25s}
#grh .service:hover>a span{transform:translate(3px,-3px)}
#grh h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-1.6px}
#grh .project-art{min-height:250px;transition:filter .3s ease}
#grh .project-art:hover{filter:brightness(1.15)}
#grh .project-identity{padding-top:45px;font-size:30px}
#grh .article-image img{transition:transform .5s ease}
#grh .article:hover .article-image img{transform:scale(1.04)}
#grh .about-panel{border-radius:22px;background:radial-gradient(ellipse at top right,#2a3f66,#131c2b 75%)}
#grh .stack>div>span{transition:background .2s,border-color .2s}
#grh .stack>div>span:hover{background:#6d9bff15;border-color:#6d9bff55}
#grh .cta{position:relative;border-radius:26px;padding-block:70px;background:radial-gradient(ellipse at top,#29467b,#101b30 70%);overflow:hidden}
#grh .cta:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff07;border-radius:18px;pointer-events:none}
#grh .grh-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay,0ms)}
#grh .grh-reveal.grh-visible{opacity:1;transform:translateY(0)}
@keyframes grh-drift{from{transform:translate(0,0)}to{transform:translate(-45px,35px)}}
@media(max-width:640px){#grh .nav{padding:12px 16px;border-radius:14px}#grh .hero{padding-top:45px;gap:35px}#grh h1{font-size:41px;letter-spacing:-1.8px}#grh .hero>.portrait-card{transform:none}#grh .portrait-card img{height:350px}#grh .trust{padding:22px}#grh .service{min-height:0}#grh .cta{padding-block:45px}#grh .grh-ambient i{animation:none}}
@media(prefers-reduced-motion:reduce){#grh *,#grh *:before{animation:none!important;transition:none!important}#grh .grh-reveal{opacity:1;transform:none}#grh .card:hover,#grh .button:hover{transform:none}}

#grh .hero-role{color:#b3caff;font-size:14px;margin-top:22px;font-weight:600}#grh .hero .lead{margin-top:12px}#grh .project-screenshot{display:block;width:100%;height:245px;object-fit:cover;object-position:top;border-radius:8px}#grh .project-link{display:inline-block;margin-top:18px}#grh .meta a{color:#a9c5ff}#grh .all-articles{display:inline-block;margin:-12px 0 24px}#grh .review{padding:28px;margin:0}#grh .review blockquote{margin:0 0 24px;color:#ccd8ec;font-size:15px;line-height:1.8}#grh .review figcaption strong,#grh .review figcaption a{display:block}#grh .review figcaption a{margin-top:8px}#grh .whatsapp{margin-left:10px}#grh .menu-toggle{display:none;color:#eef3ff;background:#1a2840;border:1px solid #344157;border-radius:9px;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}#grh .menu-toggle:focus-visible{outline:3px solid #8eb3ff;outline-offset:4px}
@media(max-width:640px){#grh.grh-js .menu-toggle{display:block}#grh.grh-js nav{display:none}#grh.grh-js nav.is-open{display:flex;flex-direction:column;align-items:stretch}#grh.grh-js nav a{padding:10px 0;border-bottom:1px solid #ffffff12}#grh .nav>.button{font-size:12px;padding:10px 13px}#grh .hero h1{font-size:48px}#grh .whatsapp{margin:12px 0 0}#grh .card:hover{transform:none}}

#grh .project-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}#grh .project-filters button{border:1px solid #344866;background:#142036;color:#becde4;border-radius:30px;padding:9px 18px;font:inherit;font-size:13px;cursor:pointer}#grh .project-filters button.active{background:#527ee9;color:#fff;border-color:#779ffa}#grh .project-filters button:focus-visible{outline:3px solid #8eb3ff;outline-offset:3px}#grh .project[hidden]{display:none!important}#grh .project-art:has(.project-screenshot){padding:0}#grh .project-screenshot{border-radius:0;height:260px}#grh .project-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}