:root{--red:#d84246;--ink:#101114;--muted:#64666d;--line:#e8e8e8;--bg:#f5f5f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:relative;z-index:10;background:white}.brand img{width:205px;height:65px;object-fit:contain;object-position:left center}nav{display:flex;gap:34px;align-items:center}nav a{font-size:12px;letter-spacing:.1em;font-weight:750;text-transform:uppercase;color:#393939}nav a:hover,nav a.active{color:var(--red)}.nav-cta{border:1px solid #ddd;border-radius:50px;padding:13px 18px}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:650px;background:#e5e5e5;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero-content{z-index:2;padding-top:100px;position:relative}.eyebrow{color:var(--red);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(37px,4vw,66px);letter-spacing:-.06em;line-height:1.02;margin:22px auto;max-width:770px;text-transform:uppercase;font-weight:900}.hero p{font-size:16px;color:#56565a}.hero-hand{position:absolute;bottom:0;max-width:none;mix-blend-mode:multiply}.robot-hand{width:52%;left:-1%;bottom:-1%}.human-hand{width:49%;right:-1%;bottom:1%}.btn{display:inline-block;background:var(--ink);color:#fff;padding:16px 24px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:3px}.btn:hover{background:var(--red)}.btn-light{background:#fff;color:var(--ink)}.hero .btn{margin-top:18px}.wrap{max-width:1190px;margin:auto;padding:0 28px}.section{padding:100px 0}.section.alt{background:#f7f7f6}.section h2,.page-title{font-size:clamp(36px,4.5vw,65px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 24px;font-weight:850}.lead{font-size:19px;line-height:1.75;color:#555c64;max-width:720px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.feature{border:1px solid #ddd;padding:34px;min-height:210px}.feature span{font-size:11px;letter-spacing:.14em;color:var(--red);font-weight:800}.feature h3{font-size:30px;letter-spacing:-.05em;margin:14px 0}.feature p{color:#5b5d62;line-height:1.65;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.dark{background:#111316;color:#fff}.dark p{color:#c2c4c8}.dark .feature{border-color:#393b40}.dark .feature p{color:#c3c3c3}.project{background:#f2f2f1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:50px}.project img{width:100%;max-width:390px;display:block;margin:auto}.project h3{font-size:46px;margin:12px 0;letter-spacing:-.05em}.project p{line-height:1.8;color:#555}.page-hero{padding:100px 0;background:#f5f5f4}.page-hero p{max-width:730px;line-height:1.8;color:#555}.page-hero.red{background:#f8eaea}.tag{display:inline-block;border:1px solid #d9d9d9;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.1em;margin:6px 6px 0 0}.contact-card{padding:45px;border:1px solid #e5e5e5}.contact-card a{color:var(--red)}footer{background:#101114;color:#fff;padding:65px 0 28px}.foot-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.foot-brand{font-weight:900;font-size:23px;letter-spacing:-.03em}.foot-brand span{color:var(--red)}footer p,footer a{color:#bcbfc2;font-size:13px;line-height:1.8}.foot-bottom{border-top:1px solid #383838;margin-top:50px;padding-top:22px;font-size:12px;color:#aaa}.notice{background:#fff3dc;color:#624b24;padding:12px 28px;font-size:12px;text-align:center}@media(max-width:800px){header{height:78px}.brand img{width:175px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:25px;box-shadow:0 15px 20px #0001}nav.open{display:flex}.hero{min-height:640px}.hero-content{padding:80px 20px 0}.hero h1{font-size:40px}.robot-hand{width:80%;left:-28%;bottom:0}.human-hand{width:75%;right:-29%;bottom:6%}.grid3,.split,.project{grid-template-columns:1fr}.section{padding:70px 0}.project{padding:25px}.foot-grid{flex-direction:column}}

/* V2 refinements */
.brand img{width:215.25px;height:68.25px}
.page-hero.about-red{background:#981f2b;color:#fff}
.page-hero.about-red .eyebrow{color:#ffd6d8}
.page-hero.about-red p,.page-hero.about-red .lead{color:#ffe8ea}
@media(max-width:800px){.brand img{width:183.75px;height:68.25px}}

/* V3 refinements */
.brand img{width:236.775px;height:75.075px}
.page-hero.about-red{background:#650b1c;color:#fff}
.page-hero.about-red .eyebrow{color:#fff}
.page-hero.about-red p,.page-hero.about-red .lead{color:#111;background:rgba(255,255,255,.90);padding:15px 19px;border-radius:3px;display:table;max-width:750px}
.hero{background:#e3e7e9;isolation:isolate}
.hero-image-motion{position:absolute;inset:-2%;background-image:url('assets/robotenc-home.jpg');background-position:center center;background-size:cover;z-index:0;animation:heroFloat 9s ease-in-out infinite alternate;transform-origin:center}
.hero-content{z-index:2}
.hero h1{letter-spacing:.012em;max-width:880px;line-height:1.10}
@keyframes heroFloat{0%{transform:scale(1.045) translate3d(-.45%,.2%,0)}50%{transform:scale(1.065) translate3d(.3%,-.4%,0)}100%{transform:scale(1.045) translate3d(.45%,.15%,0)}}
@media(max-width:800px){.brand img{width:202.125px;height:75.075px}.hero-image-motion{background-position:center center}.hero h1{letter-spacing:.008em}}
@media(prefers-reduced-motion:reduce){.hero-image-motion{animation:none}}

/* V4 requested refinements */
.brand img{width:295.97px;height:93.84px;max-height:100%;}
header{min-height:105px;height:auto;padding-top:9px;padding-bottom:9px}
.hero{background:#e6edf3}
.hero-image-motion{background-image:url('assets/technology-wave.svg');background-position:center center;background-size:cover;animation:heroFloat 12s ease-in-out infinite alternate}
.page-hero.about-red,.page-hero.portfolio-burgundy{background:#650b1c}
.page-hero.about-red .page-title{color:#101114}
.page-hero.about-red .eyebrow,.page-hero.portfolio-burgundy .eyebrow{color:#fff}
.page-hero.about-red p,.page-hero.about-red .lead{background:transparent!important;padding:0!important;border-radius:0!important;display:block!important;color:#101114!important}
.page-hero.portfolio-burgundy .page-title{color:#fff;letter-spacing:.035em;max-width:none}
.page-hero.portfolio-burgundy p,.page-hero.portfolio-burgundy .lead{color:#fff;max-width:none;white-space:nowrap;font-size:clamp(13px,1.3vw,18px)}
.project img{max-width:310px;object-fit:contain}
.section.alt .feature{background:#101114;border-color:#101114;color:#fff}
.section.alt .feature h3{color:#fff}
.section.alt .feature p{color:#e5e5e5}
.section.alt .feature span{color:#ff8589}
footer a[href="https://lom.group"]{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.brand img{width:252.66px;height:90px}.page-hero.portfolio-burgundy p,.page-hero.portfolio-burgundy .lead{white-space:normal}.page-hero.portfolio-burgundy .page-title{font-size:clamp(32px,7vw,48px)}header{min-height:90px}}
@media(max-width:420px){.brand img{width:205px;height:75px}}

/* V5: requested branding and page hero refinements */
.brand img{width:384.76px;height:121.99px;max-height:none}
header{min-height:140px}
.page-hero.about-red .page-title{color:#fff}
.page-hero.about-red p,.page-hero.about-red .lead{color:#fff!important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.6vw,23px);font-weight:400;line-height:1.75;letter-spacing:.005em;background:none!important;box-shadow:none!important;padding:0!important}
.page-hero.portfolio-burgundy{background-color:#08090d;background-image:radial-gradient(ellipse at 85% 15%,rgba(115,119,142,.24),transparent 42%),radial-gradient(ellipse at 10% 90%,rgba(77,82,100,.24),transparent 44%),repeating-linear-gradient(125deg,transparent 0,transparent 76px,rgba(255,255,255,.025) 77px,transparent 79px);color:#fff}
.page-hero.portfolio-burgundy .eyebrow{color:#ef454b}
.page-hero.portfolio-burgundy .page-title{color:#fff}
.page-hero.portfolio-burgundy p,.page-hero.portfolio-burgundy .lead{color:#fff}
@media(max-width:800px){header{min-height:112px}.brand img{width:328.46px;height:106px}nav{top:112px}}
@media(max-width:420px){header{min-height:90px}.brand img{width:246px;height:80px}nav{top:90px}}
