:root{
--red:#e42125;--red2:#ff3c35;--black:#05080d;--navy:#09121e;--ink:#11141a;
--paper:#f6f6f4;--white:#fff;--muted:#68707a;--line:#d9dbdf
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.scroll-progress{position:fixed;z-index:200;top:0;left:0;height:3px;width:0;background:var(--red)}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:82px;padding:0 5vw;display:flex;align-items:center;gap:36px;color:white;background:linear-gradient(#05080df2,#05080d85,transparent);transition:.25s}
.site-header.scrolled{background:#05080df5;border-bottom:1px solid #ffffff16;backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:12px;font:700 .8rem/1.12 Manrope;letter-spacing:.16em;min-width:190px}.brand img{width:54px;height:54px;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto;text-transform:uppercase;font-size:.68rem;font-weight:700}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--red);transition:.25s}.main-nav a:hover:after{width:100%}
.language-button{border:0;background:none;color:var(--red);font-weight:800;cursor:pointer}.header-cta{padding:12px 20px;background:var(--red);font-size:.68rem;font-weight:800;text-transform:uppercase}.menu-button{display:none;margin-left:auto;border:0;background:none}.menu-button i{display:block;width:25px;height:2px;background:white;margin:6px}
.hero{position:relative;min-height:760px;height:100vh;color:white;overflow:hidden;background:radial-gradient(circle at 68% 40%,#0d213a,#05080d 62%)}
.map-stage{position:absolute;right:-3vw;top:65px;width:73vw;max-width:1100px;opacity:.96}.map-stage svg{width:100%}.map-shapes{fill:#0b1928;stroke:#53677c;stroke-width:1}.map-routes{fill:none;stroke:#f2f5f7;stroke-width:1.3;stroke-dasharray:5 5;opacity:.68;animation:routes 16s linear infinite}.map-points{fill:var(--red)}.map-labels{fill:white;font:600 12px Inter}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05080dfb 0%,#05080de0 34%,transparent 66%),linear-gradient(0deg,#05080d 0%,transparent 30%)}
@keyframes routes{to{stroke-dashoffset:-150}}
.hero-copy{position:relative;z-index:3;padding:150px 0 0 6.5vw;max-width:670px}.kicker,.eyebrow,.section-heading p{font:800 .66rem Manrope;letter-spacing:.16em;color:var(--red);text-transform:uppercase}.hero h1{font:800 clamp(3.4rem,6vw,6.6rem)/.91 Manrope;letter-spacing:-.06em;margin:0 0 25px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--red)}.hero-lead{max-width:540px;color:#d7dbe0;line-height:1.65;font-size:1.02rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 22px;text-transform:uppercase;font-size:.68rem;font-weight:800;border:1px solid transparent;transition:.25s}.button.primary{background:var(--red);color:white}.button.primary:hover{background:var(--red2);transform:translateY(-2px)}.button.outline{color:white;border-color:#ffffff70}.scroll-cue{position:absolute;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:7px;text-transform:uppercase;font-size:.55rem;letter-spacing:.12em}.scroll-cue span{width:20px;height:32px;border:1px solid #fff;border-radius:15px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:var(--red);top:6px;left:8px;animation:scroll 1.6s infinite}@keyframes scroll{50%{transform:translateY(9px);opacity:.2}}
.industry-band{background:linear-gradient(90deg,#09111c,#0d1826,#09111c);color:white;padding:30px 6vw 34px}.section-heading{text-align:center}.section-heading p{margin:0 0 8px}.section-heading h2{font:800 clamp(2rem,3.5vw,3.8rem)/1 Manrope;letter-spacing:-.045em;margin:0;text-transform:uppercase}.section-heading.compact h2{font-size:1.7rem}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:28px}.industry-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:105px;border-right:1px solid #ffffff1c;padding:12px}.industry-grid>div:last-child{border:0}.industry-grid i{font-style:normal;color:var(--red);font-size:2rem;margin-bottom:12px}.industry-grid span{font-size:.72rem;font-weight:700;text-transform:uppercase;line-height:1.35}
.brands-section{background:var(--paper);padding:75px 5vw 65px}.brand-grid{display:grid;grid-template-columns:repeat(9,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-card{min-height:215px;padding:24px 13px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.brand-card:last-child{border:0}.brand-identity{height:78px;width:100%;display:flex;align-items:center;justify-content:center}.brand-identity img{max-width:100%;max-height:75px;object-fit:contain}.brand-card p{font-size:.67rem;line-height:1.55;color:#60656d;margin-top:17px}.brand-text{flex-direction:column;font-family:Manrope;text-transform:uppercase;letter-spacing:-.03em}.brand-text strong{font-size:1.14rem;line-height:1}.brand-text small{font-size:.54rem;letter-spacing:.16em;margin-top:6px}.catrachos-wordmark strong{color:#111b2d}.boricua-wordmark strong{color:#16824f}.boricua-wordmark small{color:#d5222b;font-weight:800;font-size:1rem;letter-spacing:-.04em}.prez-wordmark strong{color:#23723b;font-size:1.45rem}.aloar-wordmark strong{color:#bd8b2d}.hammer-wordmark strong{font-size:1.2rem}.blackbelt-wordmark strong{font-size:1rem}.livonit-wordmark strong{color:#528f42;font-size:1.4rem}.brand-note{max-width:920px;margin:30px auto 0;text-align:center;color:#777d85;font-size:.72rem;line-height:1.6}
.capabilities-section{background:radial-gradient(circle at 50% -20%,#14263b,#07101b 60%,#05080d);color:white;padding:75px 5vw}.section-heading.light h2{color:white}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.capability-card{position:relative;min-height:330px;padding:35px 28px;background:linear-gradient(145deg,#111d2a,#09111b);border:1px solid #ffffff18;text-align:center}.capability-card i{font-style:normal;color:var(--red);font-size:2.2rem}.capability-card h3{font:800 1.15rem/1.15 Manrope;text-transform:uppercase;margin:24px 0 14px}.capability-card p{color:#aeb6c0;line-height:1.65;font-size:.84rem}.kai-card b{color:var(--red)}.kai-name{position:absolute;bottom:20px;left:0;right:0;font:800 1.05rem Manrope;letter-spacing:.18em}.kai-name span{color:var(--red)}
.featured-work{display:grid;grid-template-columns:1.1fr .9fr;background:#070b11;color:white}.feature-visual{min-height:470px;display:flex;align-items:center;justify-content:center;background:
linear-gradient(135deg,#e4212544,#07101bd9),
radial-gradient(circle at 20% 40%,#f3b76a66,transparent 30%),
linear-gradient(135deg,#21140f,#06090f);position:relative;overflow:hidden}.feature-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 30px,#ffffff09 31px 32px)}.feature-logo{position:relative;font:800 clamp(3rem,6vw,6rem)/.88 Manrope;letter-spacing:-.06em;text-align:center;text-shadow:0 10px 35px #000}.feature-logo small{display:block;font-size:.18em;letter-spacing:.25em;margin-top:12px}.feature-copy{padding:70px 6vw 60px 5vw;display:flex;justify-content:center;flex-direction:column}.feature-copy h2{font:800 clamp(2.2rem,4vw,4rem)/1 Manrope;text-transform:uppercase;letter-spacing:-.045em;margin:8px 0 18px}.feature-copy>p:not(.eyebrow){color:#bdc3cb;line-height:1.7}.feature-tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 30px}.feature-tags span{border:1px solid #ffffff2f;padding:10px 12px;font-size:.65rem;text-transform:uppercase}
.product-proof{background:#090d13;color:white;padding:75px 5vw}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:45px}.product-grid figure{margin:0;background:#fff;padding:13px;min-height:330px;display:flex;flex-direction:column}.product-grid img{width:100%;height:255px;object-fit:contain;background:#fff}.product-grid figcaption{color:#111;font-size:.72rem;font-weight:700;text-align:center;padding:13px 5px 4px}
.final-cta{background:linear-gradient(90deg,#05080df4,#07111eea),radial-gradient(circle at 80% 50%,#e421253a,transparent 30%);color:white;padding:65px 6vw;display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta p{margin:0}.final-cta h2{font:800 clamp(2.6rem,5vw,5.4rem)/1 Manrope;letter-spacing:-.055em;margin:10px 0}.final-cta h2 strong{color:var(--red)}
.site-footer{padding:48px 6vw 22px;background:#040609;color:white;display:grid;grid-template-columns:1.4fr .75fr .8fr 1fr;gap:40px}.footer-brand{display:flex;gap:14px}.footer-brand img{width:62px;height:62px;object-fit:contain}.footer-brand strong{font:700 .8rem Manrope;letter-spacing:.17em}.footer-brand p,.footer-column a{font-size:.7rem;color:#9da4ad;line-height:1.65}.footer-column{display:flex;flex-direction:column;gap:8px}.footer-column strong{font-size:.68rem;text-transform:uppercase}.copyright{grid-column:1/-1;border-top:1px solid #ffffff14;padding-top:18px;color:#686f78;font-size:.62rem}.reveal{opacity:0;transform:translateY(23px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1150px){.main-nav{gap:16px}.header-cta{display:none}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-card:nth-child(3n){border-right:0}.capability-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.site-header{height:74px}.brand img{width:48px;height:48px}.brand{min-width:0}.menu-button{display:block;z-index:120}.main-nav{position:fixed;inset:0;background:#05080d;display:flex;flex-direction:column;justify-content:center;font-size:1.05rem;transform:translateX(100%);transition:.35s}.main-nav.open{transform:none}.hero{min-height:760px}.hero-copy{padding:135px 7vw 0}.map-stage{width:130vw;right:-65vw;top:110px;opacity:.55}.map-labels{display:none}.industry-grid{grid-template-columns:1fr 1fr}.industry-grid>div:nth-child(2n){border-right:0}.brand-grid{grid-template-columns:1fr 1fr}.brand-card:nth-child(3n){border-right:1px solid var(--line)}.brand-card:nth-child(2n){border-right:0}.capability-grid{grid-template-columns:1fr}.featured-work{grid-template-columns:1fr}.feature-visual{min-height:330px}.feature-copy{padding:55px 7vw}.product-grid{grid-template-columns:1fr 1fr}.final-cta{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero h1{font-size:3.1rem}.hero-copy{padding-top:125px}.brand-grid,.product-grid{grid-template-columns:1fr}.brand-card{border-right:0!important;border-bottom:1px solid var(--line)}.industry-grid{grid-template-columns:1fr}.industry-grid>div{border-right:0;border-bottom:1px solid #ffffff1c}.site-footer{grid-template-columns:1fr}}

.map-stage{right:1vw;top:82px;width:68vw;max-width:1120px;opacity:.97}.map-stage img{display:block;width:100%;height:auto}
.hero-copy{max-width:640px;padding-top:145px}.hero-actions .button{min-width:205px;white-space:nowrap}
.brand-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.brand-identity img{max-width:92%;max-height:86px}
.text-logo{display:flex;flex-direction:column;align-items:center;justify-content:center}.prez-logo strong{color:#267a3e;font:800 1.6rem Manrope}.prez-logo span{font-size:.55rem;letter-spacing:.2em}
.aloar-feature .feature-visual{padding:0;background:#061009}.aloar-feature .feature-visual img{width:100%;height:100%;object-fit:cover}
.product-grid figure{padding:0;background:#07101a;border:1px solid #ffffff16;overflow:hidden;min-height:0}.product-grid img{height:auto;aspect-ratio:4/5;width:100%;object-fit:cover;background:#07101a}.product-grid figcaption{background:#070b11;color:#fff;padding:16px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:1150px){.brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.map-stage{width:115vw;right:-53vw;top:145px;opacity:.55}.hero-copy{padding-top:125px}.hero-actions .button{width:100%;max-width:310px}}

/* COMPLETE WEBSITE INTERNAL PAGES */
.internal-hero{position:relative;min-height:620px;padding:180px 7vw 90px;display:flex;align-items:center;color:white;background-size:cover;background-position:center;overflow:hidden}
.internal-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#05080df7,#05080db8 55%,#05080d48),radial-gradient(circle at 78% 45%,#e4212536,transparent 30%)}
.internal-copy{position:relative;z-index:2;max-width:880px}
.internal-copy h1{font:800 clamp(3.1rem,6vw,6.5rem)/.93 Manrope;letter-spacing:-.055em;margin:0 0 26px;text-transform:uppercase}
.internal-copy>p:last-child{max-width:640px;color:#d8dce1;line-height:1.7}
.about-internal{background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2100&q=85")}
.ecosystem-internal{background-image:url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=2100&q=85")}
.kai-internal{background-image:linear-gradient(135deg,#05080d,#0b1c2e)}
.portfolio-internal{background-image:url("https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=2100&q=85")}
.contact-internal{background-image:url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=2100&q=85")}
.privacy-internal{background-image:linear-gradient(135deg,#05080d,#111927)}
.content-section{padding:95px 7vw}.light-section{background:var(--paper)}.dark-section{background:#070b11;color:#fff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.two-col h2,.contact-info h2{font:800 clamp(2.4rem,4vw,4.7rem)/1 Manrope;letter-spacing:-.05em;margin:0}.long-copy p{color:var(--muted);line-height:1.8;font-size:1.05rem}
.values-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff18}.value-card,.process-grid article{background:#0c1118;padding:38px 30px;min-height:270px}.value-card span,.process-grid span{color:var(--red);font-size:.7rem}.value-card h3,.process-grid h3{font:700 1.5rem Manrope;margin:40px 0 12px}.value-card p,.process-grid p{color:#aeb5be;line-height:1.7}
.industry-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:55px}.industry-detail-grid article{background:#fff;padding:32px}.industry-detail-grid h3{font:700 1.1rem Manrope}.industry-detail-grid p{color:var(--muted);line-height:1.65;font-size:.86rem}
.ecosystem-diagram{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center}.eco-main{background:#fff;border:1px solid var(--line);padding:50px;text-align:center}.eco-main img{width:100px;height:100px;object-fit:contain}.eco-main h2{font:800 2rem Manrope}.eco-main p{color:var(--muted);line-height:1.6}.eco-line{height:2px;background:linear-gradient(90deg,var(--red),#5b6f83)}.kai-eco{background:#07111e;color:#fff}.kai-eco h2 span{color:var(--red)}.kai-eco p{color:#aeb5be}.process-grid{grid-template-columns:repeat(4,1fr);margin-top:50px}
.kai-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff16}.kai-service-grid article{background:#0c1118;padding:36px;min-height:240px}.kai-service-grid h3{font:700 1.25rem Manrope}.kai-service-grid p{color:#aeb5be;line-height:1.7}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:330px}.portfolio-logo{height:120px;display:flex;align-items:center;justify-content:center}.portfolio-logo img{max-width:88%;max-height:105px;object-fit:contain}.portfolio-card h3{font:700 1.3rem Manrope;margin:26px 0 12px}.portfolio-card p{color:var(--muted);line-height:1.65;font-size:.86rem}.text-portfolio-logo{display:flex;flex-direction:column;font-family:Manrope;text-transform:uppercase}.text-portfolio-logo strong{font-size:1.6rem;color:#287641}.text-portfolio-logo span{font-size:.62rem;letter-spacing:.18em}.text-portfolio-logo.industrial strong{font-size:1.2rem;color:#222}.portfolio-products{margin-top:50px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-info>a{display:inline-block;margin-top:25px;color:var(--red);font-weight:700}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.75rem;font-weight:700}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 0;outline:none}
.legal{display:flex;justify-content:center}.legal article{max-width:900px;width:100%;background:#fff;padding:55px;border:1px solid var(--line)}.legal h2{font:700 1.5rem Manrope;margin:36px 0 12px}.legal h2:first-child{margin-top:0}.legal p{color:var(--muted);line-height:1.75}.legal a{color:var(--red);font-weight:700}.legal-date{margin-top:40px;font-size:.8rem}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:1fr 1fr}.industry-detail-grid{grid-template-columns:1fr 1fr}.kai-service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.ecosystem-diagram{grid-template-columns:1fr;gap:20px}.eco-line{width:2px;height:55px;margin:auto}}
@media(max-width:780px){.internal-hero{min-height:580px;padding:150px 7vw 70px}.two-col,.contact-layout{grid-template-columns:1fr}.values-grid,.portfolio-grid,.industry-detail-grid,.kai-service-grid,.process-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.legal article{padding:32px 24px}}


/* =========================================================
   V2 LAYOUT & READABILITY FIXES
   ========================================================= */

/* Header and navigation */
.site-header{
  min-height:82px;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
  flex-wrap:nowrap;
}
.brand{flex:0 0 auto}
.main-nav{
  min-width:0;
  flex:1 1 auto;
  overflow:visible;
  white-space:nowrap;
}
.header-cta{
  flex:0 0 auto;
  white-space:nowrap;
  min-width:118px;
  text-align:center;
}

/* Home hero — make both buttons fully visible */
.hero-copy{
  width:min(650px, 86vw);
  max-width:650px;
  padding-bottom:90px;
}
.hero-actions{
  display:flex;
  align-items:stretch;
  gap:14px;
  width:100%;
}
.hero-actions .button{
  min-width:190px;
  max-width:100%;
  min-height:50px;
  padding:15px 22px;
  line-height:1.2;
  overflow:visible;
  text-overflow:clip;
}
.hero-actions .button.primary,
.hero-actions .button.outline{
  color:#fff;
}
.hero-actions .button.outline{
  background:rgba(5,8,13,.55);
}

/* Keep map from interfering with hero content */
.map-stage{
  pointer-events:none;
  z-index:1;
}
.hero-shade{z-index:2}
.hero-copy{z-index:4}
.scroll-cue{z-index:5}

/* Internal page heroes: text must always be readable */
.internal-hero{
  min-height:560px;
  height:auto;
  padding-top:150px;
  padding-bottom:80px;
  isolation:isolate;
}
.internal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(2,5,9,.97) 0%,rgba(2,5,9,.90) 43%,rgba(2,5,9,.60) 72%,rgba(2,5,9,.42) 100%),
    linear-gradient(0deg,rgba(2,5,9,.82),rgba(2,5,9,.18) 65%);
}
.internal-overlay{
  z-index:1;
  background:radial-gradient(circle at 82% 38%,rgba(228,33,37,.20),transparent 34%);
}
.internal-copy{
  z-index:3;
  width:min(850px, 88vw);
  max-width:850px;
  padding:28px 32px 32px;
  background:rgba(4,8,13,.78);
  border-left:4px solid var(--red);
  backdrop-filter:blur(8px);
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.internal-copy h1{
  color:#fff;
  font-size:clamp(2.8rem,5.3vw,5.7rem);
  line-height:.98;
  overflow-wrap:anywhere;
}
.internal-copy .kicker{color:#ff4541}
.internal-copy > p:last-child{
  color:#f2f4f7;
  font-size:1.02rem;
  max-width:690px;
}

/* Content text contrast */
.dark-section .section-heading h2,
.dark-section h2,
.dark-section h3{color:#fff}
.dark-section p{color:#c9cfd7}
.light-section h2,
.light-section h3{color:#11141a}

/* Portfolio cards: no oversized or cropped logos */
.portfolio-card{
  min-height:390px;
  display:flex;
  flex-direction:column;
}
.portfolio-logo{
  height:150px;
  padding:18px;
  background:#fff;
  border:1px solid #ececef;
  overflow:hidden;
}
.portfolio-logo img{
  display:block;
  max-width:90%;
  max-height:110px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.portfolio-card h3{
  margin-top:24px;
}
.portfolio-card p{
  margin-bottom:0;
}

/* Product gallery: complete image + explicit description */
.product-grid{
  align-items:stretch;
}
.product-grid figure{
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#0b1119;
}
.product-grid img{
  width:100%;
  height:360px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:linear-gradient(145deg,#07101a,#111c29);
  padding:10px;
}
.product-grid figcaption{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.35;
  text-align:center;
  white-space:normal;
}

/* Home logo grid */
.brand-card{
  min-width:0;
  overflow:hidden;
}
.brand-identity{
  height:105px;
  padding:10px;
  overflow:hidden;
}
.brand-identity img{
  width:auto;
  height:auto;
  max-width:92%;
  max-height:88px;
  object-fit:contain;
}
.brand-card p{
  overflow-wrap:anywhere;
}

/* Featured Aloar */
.aloar-feature .feature-visual{
  min-height:420px;
}
.aloar-feature .feature-visual img{
  object-fit:contain;
  padding:34px;
  background:linear-gradient(135deg,#07130c,#0b2616);
}
.feature-copy{
  min-width:0;
}
.feature-copy h2{
  overflow-wrap:anywhere;
}

/* Tablet */
@media(max-width:1180px){
  .site-header{
    gap:18px;
  }
  .main-nav{
    gap:13px;
    font-size:.62rem;
  }
  .header-cta{
    min-width:105px;
    padding-left:14px;
    padding-right:14px;
  }
}

/* Mobile/tablet navigation */
@media(max-width:900px){
  .header-cta{display:none}
  .menu-button{display:block}
  .main-nav{
    position:fixed;
    inset:0;
    z-index:110;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:22px;
    padding:80px 28px 35px;
    background:rgba(5,8,13,.98);
    font-size:1.05rem;
    transform:translateX(100%);
    transition:transform .3s ease;
    white-space:normal;
  }
  .main-nav.open{transform:translateX(0)}
  .main-nav a,
  .main-nav button{
    color:#fff;
  }
  .menu-button{
    position:relative;
    z-index:120;
  }

  .hero{
    min-height:760px;
    height:auto;
  }
  .hero-copy{
    padding-top:135px;
    padding-bottom:105px;
    width:90vw;
  }
  .hero-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-actions .button{
    width:min(310px,100%);
  }

  .internal-hero{
    min-height:520px;
    padding-top:120px;
    padding-left:5vw;
    padding-right:5vw;
  }
  .internal-copy{
    width:100%;
    padding:24px 22px 27px;
  }
  .internal-copy h1{
    font-size:clamp(2.35rem,9vw,4.2rem);
  }

  .portfolio-grid{
    grid-template-columns:1fr 1fr;
  }
  .product-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* Small mobile */
@media(max-width:560px){
  .brand span{display:none}
  .hero h1{font-size:clamp(2.75rem,13vw,4rem)}
  .hero-lead{font-size:.94rem}
  .portfolio-grid,
  .product-grid{
    grid-template-columns:1fr;
  }
  .portfolio-logo{height:135px}
  .product-grid img{height:330px}
  .site-footer{grid-template-columns:1fr}
}

.product-grid figcaption{
  flex-direction:column;
  gap:4px;
}
.product-grid figcaption strong{
  display:block;
  color:#fff;
  font-size:.74rem;
}
.product-grid figcaption span{
  display:block;
  color:#aeb7c2;
  font-size:.64rem;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}

/* TODAY'S UPDATE — SOCIAL MEDIA + APPROVED PRODUCT IMAGES */
.social-home-section{padding:95px 7vw;background:#f5f3ef}
.social-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9d9d9;margin:45px 0 34px}
.social-home-grid article{background:#fff;padding:34px;min-height:260px}
.social-home-grid span{font-size:.68rem;color:var(--red);font-weight:800}
.social-home-grid h3{font:700 1.2rem Manrope;margin:35px 0 12px}
.social-home-grid p{color:var(--muted);line-height:1.7;font-size:.88rem}

.social-media-section{background:#f4f2ee}
.section-intro{max-width:760px;color:var(--muted);line-height:1.75}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.package-card{background:#fff;border:1px solid var(--line);padding:38px 32px;min-height:480px;position:relative}
.package-card.featured-package{background:#08111d;color:#fff;border-color:#08111d}
.package-label{font-size:.66rem!important;letter-spacing:.16em;color:var(--red)!important;font-weight:800}
.package-card h3{font:800 1.6rem/1.08 Manrope;margin:22px 0 28px}
.package-card ul{list-style:none;padding:0;margin:0}
.package-card li{padding:13px 0;border-bottom:1px solid #e5e5e5;color:#59616b;font-size:.86rem;line-height:1.45}
.featured-package li{color:#d0d6dd;border-color:#ffffff18}
.package-card li::before{content:"✓";color:var(--red);font-weight:800;margin-right:10px}
.package-note{max-width:850px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:.82rem}

.production-section{background:#fff}
.production-section .two-col{align-items:start}
.production-section .two-col>div:first-child>p:last-child{color:var(--muted);line-height:1.75}
.production-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.production-list span{padding:20px 12px;border-bottom:1px solid var(--line);font-weight:700;font-size:.88rem}
.production-list span:nth-child(odd){border-right:1px solid var(--line)}

.product-grid img{height:420px!important;object-fit:contain!important;padding:14px!important;background:#08111a!important}
.product-grid figure{background:#08111a!important}
.product-grid figcaption{padding:17px 14px!important;min-height:82px!important}

@media(max-width:900px){
  .social-home-grid,.package-grid{grid-template-columns:1fr}
  .package-card{min-height:0}
  .product-grid img{height:340px!important}
}
@media(max-width:560px){
  .production-list{grid-template-columns:1fr}
  .production-list span:nth-child(odd){border-right:0}
  .product-grid img{height:315px!important}
}

/* Final business-representation/readability update */
.kai-word,.kai-readable{color:#fff!important;opacity:1!important}
.kai-logo-lockup{display:flex;align-items:center;gap:12px;padding:25px 7vw;background:#08111d;border-bottom:1px solid #ffffff18}
.kai-logo-mark{width:46px;height:46px;border:1px solid #ffffff35;display:grid;place-items:center;color:#e31b23;font:800 22px Manrope}
.kai-logo-copy strong{display:block;color:#fff!important;font:800 19px Manrope;letter-spacing:.08em}
.kai-logo-copy small{display:block;color:#b7c0cb!important;font:700 8px Manrope;letter-spacing:.2em;margin-top:5px}
.kai-logo-band p,.kai-logo-band span,.kai-logo-band h1,.kai-logo-band h2,.kai-logo-band h3{color:#fff!important}
.international-rep{padding:95px 7vw;background:#08111d;color:#fff}
.international-rep h2,.international-rep h3{color:#fff!important}
.international-rep .intro,.international-rep article p{color:#cbd2db!important}
.rep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#27313c;margin-top:42px}
.rep-grid article{background:#0d1723;padding:34px;min-height:245px}
.rep-grid .num{color:#e31b23;font-weight:800;font-size:.7rem}
.rep-grid h3{font:750 1.12rem Manrope;margin:22px 0 12px}
.rep-grid p{line-height:1.7;font-size:.87rem}
.rep-note{color:#929daa!important;font-size:.72rem;line-height:1.6;margin-top:24px;max-width:900px}
@media(max-width:900px){.rep-grid{grid-template-columns:1fr}}
