:root{--paper:#f5f4f0;--white:#fffdf9;--ink:#123153;--muted:#657386;--line:#d5dbe3;--ibeem-blue:#123f78;--ibeem-blue-deep:#0b2c57;--ibeem-orange:#ef6d32;--blue-wash:#dfe9f3;--orange-wash:#f8e5da;--serif:Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,sans-serif;--display:"Manrope","DM Sans",Arial,sans-serif;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid #71831b;outline-offset:4px}
.skip-link{position:fixed;left:20px;top:12px;z-index:40;padding:10px 14px;background:var(--ibeem-orange);color:var(--white);font-size:11px;font-weight:700;transform:translateY(-150%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;padding:0 32px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(243,241,236,.92);backdrop-filter:blur(10px)}
.brand-logo{display:block;width:150px;height:auto;max-height:48px;object-fit:contain}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;letter-spacing:-.06em}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ink);font-size:24px;line-height:1}
.brand-word{font-size:21px;display:flex;align-items:baseline;gap:5px}.brand-word span{font-size:8px;letter-spacing:.14em}
.desktop-nav{display:flex;gap:35px;margin-left:auto}.desktop-nav a,.header-cta{font-size:11px;font-weight:600}.desktop-nav a{color:#4f6580;transition:color .2s}.desktop-nav a:hover,.inline-link:hover{color:var(--ibeem-orange)}
.header-cta{border-bottom:1px solid var(--ink);padding:10px 0}.header-cta span{margin-left:17px}
.menu-toggle{display:none;background:none;border:0;padding:10px;margin-left:auto}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink)}.menu-toggle span+span{margin-top:5px}
.section-shell{max-width:var(--max);margin:0 auto;padding-left:36px;padding-right:36px}
.hero{max-width:var(--max);margin:0 auto;padding:46px 36px 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);grid-template-rows:auto auto;gap:24px 54px}
.hero-stage{grid-row:1/3;min-height:690px;position:relative;background:var(--blue-wash);isolation:isolate}
.hero-stage:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid var(--line);z-index:-1}
.photo-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border:1px solid #9fb2ca;background-color:var(--blue-wash);color:var(--ibeem-blue)}
.photo-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 40%,rgba(255,255,255,.42) 40% 40.25%,transparent 40.25% 60%,rgba(239,109,50,.13) 60% 60.25%,transparent 60.25%);pointer-events:none}
.photo-placeholder:after{content:"";position:absolute;width:28%;height:24%;right:8%;bottom:9%;border:1px solid rgba(239,109,50,.42);pointer-events:none}
.placeholder-note,.placeholder-caption,.placeholder-cross{position:relative;z-index:1}.placeholder-note{position:absolute;left:18px;top:16px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#537292}.placeholder-cross{font-size:42px;font-weight:300;color:var(--ibeem-orange);line-height:1}.placeholder-caption{max-width:220px;margin-top:15px;font-size:10px;line-height:1.5;color:#55718f}
.hero-placeholder{height:100%;min-height:690px;background:linear-gradient(145deg,#d5e3f0 0 58%,#c7d8e9 58% 75%,#e9cabb 75%)}
.hero-stage:after{content:"";position:absolute;width:42%;height:31%;right:8%;bottom:9%;background:rgba(255,255,255,.28);border:1px solid rgba(239,109,50,.45);pointer-events:none}
.hero-side-note{position:absolute;left:-12px;top:28px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.15em;line-height:1.6}.hero-side-note span{color:var(--ibeem-orange);margin-top:12px}
.hero-caption{position:absolute;left:38px;bottom:34px;display:flex;flex-direction:column;align-items:flex-start;color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.15)}.hero-caption span{font-size:10px;letter-spacing:.16em}.hero-caption strong{font-family:var(--display);font-size:clamp(28px,4vw,56px);letter-spacing:-.07em}
.hero-intro{align-self:end;padding-bottom:18px}.eyebrow,.section-index{font-size:9px;letter-spacing:.14em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;color:#526a85}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--ibeem-orange)}
.hero h1{font-family:var(--display);font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.09em;font-weight:600;margin:24px 0}.hero h1 em,.statement h2 em,.section-lead h2 em,.story-copy h2 em,.process h2 em,.contact-grid h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}
.hero-lede{max-width:285px;font-size:13px;line-height:1.75;color:#6d736b;margin:0 0 24px}.inline-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #aeb1a5;padding-bottom:7px;font-size:10px;font-weight:700;transition:color .2s}.inline-link span{font-size:15px}
.hero-footer{grid-column:1/-1;border-top:1px solid var(--line);padding:17px 0 20px;display:flex;justify-content:space-between;color:#737a70;font-size:8px;letter-spacing:.14em}.hero-footer b{font-size:14px;color:var(--ink);margin-left:10px}.hero-progress{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:auto}.hero-progress i{display:block;width:28px;height:3px;background:#cbd3dc}.hero-progress i:first-child{background:var(--ibeem-orange)}
.statement{padding-top:150px;padding-bottom:145px}.section-index{color:#78836e}.statement-body{display:grid;grid-template-columns:1fr .55fr;gap:15%;align-items:end;margin-top:33px}.statement h2,.section-lead h2,.story-copy h2,.process h2,.contact-grid h2{font-family:var(--display);font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.085em;font-weight:600;margin:0}.statement-copy{max-width:350px;padding-bottom:5px}.statement-copy p,.section-lead>div>p,.story-copy>p,.contact-grid>div>p{font-size:13px;line-height:1.85;color:#6b726b;margin:0 0 23px}.statement-rule{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:75px}.statement-rule span{padding:18px 0;font-size:8px;letter-spacing:.12em;color:#7c8479}.statement-rule span+span{border-left:1px solid var(--line);padding-left:24px}
.services{padding-bottom:150px}.section-lead{display:grid;grid-template-columns:.62fr 1fr;gap:10%;margin-bottom:58px}.section-lead h2{margin:19px 0 20px}.section-lead>div>p{max-width:350px}
.service-feature{display:grid;grid-template-columns:1.42fr .58fr;gap:7%;align-items:end;margin-bottom:78px}.service-visual{min-height:490px}.service-copy{padding-bottom:9px}.service-number{font-size:10px;color:var(--ibeem-orange);letter-spacing:.08em}.service-copy h3{font-family:var(--display);font-size:clamp(38px,4.3vw,62px);line-height:.9;letter-spacing:-.08em;margin:18px 0 20px}.service-copy p{max-width:260px;color:#536c86;font-size:12px;line-height:1.75;margin-bottom:24px}
.service-rail{display:grid;grid-template-columns:1fr 1.18fr .88fr;gap:26px;align-items:start}.service-item{display:flex;flex-direction:column;align-items:flex-start}.service-item-offset{margin-top:86px}.service-item .service-visual{width:100%;margin-bottom:20px}.visual-tall{height:355px}.visual-wide{height:258px}.visual-square{height:275px}.service-item h3{font-family:var(--display);font-size:25px;letter-spacing:-.06em;margin:10px 0 7px}.service-item p{font-size:11px;line-height:1.7;color:#71776f;max-width:250px;margin:0 0 17px}
.dark-story{background:var(--ibeem-blue-deep);color:var(--white);padding:110px 0 120px}.dark-story .section-index{color:#b9cbe0}.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:13%;align-items:end;margin-top:42px}.story-copy{padding-bottom:12px}.story-copy h2{color:var(--white);font-size:clamp(45px,5.5vw,78px)}.story-copy>p{color:#c4d2e1;max-width:315px;margin-top:28px}.story-placeholder{height:570px;background:linear-gradient(145deg,#1c4f89,#286fa1 62%,#c87550);border-color:#6f96bb;color:#e7eff7}.story-placeholder .placeholder-note,.story-placeholder .placeholder-caption{color:#d7e4f1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:205px;padding:16px 18px;font-size:10px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--ibeem-orange);color:var(--white)}
.projects{padding-top:145px;padding-bottom:135px}.project-gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.gallery-main{height:590px;align-items:flex-start;padding:32px}.gallery-main .placeholder-note,.gallery-main .placeholder-caption,.gallery-side .placeholder-note,.gallery-side .placeholder-caption{align-self:flex-start}.gallery-main .placeholder-caption{margin-top:auto}.gallery-main strong,.gallery-small strong{position:absolute;right:25px;bottom:24px;font-family:var(--display);font-size:44px;letter-spacing:-.08em;font-weight:500;color:rgba(32,36,33,.38)}.gallery-side{display:flex;flex-direction:column;gap:24px}.gallery-small{height:278px;align-items:flex-start;padding:22px}.gallery-small-low{margin-left:16%;height:288px;background:var(--orange-wash)}.gallery-small strong{font-size:28px;right:18px;bottom:15px}.content-note{font-size:9px;line-height:1.6;color:#687d96;margin:16px 0 0}
.process{padding-bottom:150px}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:15%;margin-top:37px}.process h2{font-size:clamp(45px,5vw,70px)}.process-list>div{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--line)}.process-list>div:last-child{border-bottom:1px solid var(--line)}.process-list span{font-size:10px;color:var(--ibeem-orange)}.process-list h3{font-family:var(--display);font-size:17px;letter-spacing:-.04em;margin:0 0 7px}.process-list p{font-size:11px;line-height:1.75;color:#60758d;max-width:360px;margin:0}
.contact-section{background:var(--ibeem-blue);color:var(--white);padding:90px 0 100px}.contact-section .section-index{color:#c9d8e9}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:12%;margin-top:32px}.contact-grid h2{font-size:clamp(46px,5.8vw,80px)}.contact-grid>div>p{max-width:350px;color:#d6e2ef;margin-top:24px}.button-dark{background:var(--ibeem-orange);color:var(--white)}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:32px 22px;padding-top:8px}.contact-details>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.contact-details>div>span{font-size:8px;letter-spacing:.14em;color:#b9cce0}.contact-details a,.contact-details p{font-size:12px;font-weight:600;line-height:1.7;margin:0}.contact-details small{font-size:9px;line-height:1.5;color:#c7d6e6}
.site-footer{max-width:var(--max);margin:auto;padding:28px 36px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.brand-footer .brand-mark{width:30px;height:30px;font-size:19px}.brand-footer .brand-word{font-size:18px}.site-footer>p{font-size:10px;color:#777d75;margin-right:auto}.site-footer>a:last-of-type{font-size:8px;letter-spacing:.13em}.footer-copy{width:100%;padding-top:18px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.08em;color:#858b82}.service-finder{position:sticky;z-index:12;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:15px max(20px,calc((100vw - var(--max))/2 + 36px));background:var(--ibeem-orange);color:var(--white);font-size:10px;letter-spacing:.04em;box-shadow:0 -8px 24px rgba(11,44,87,.12)}.service-finder strong{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.service-finder b{font-size:15px;margin-left:15px}
.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.skip-link{transition:none}}
@media(max-width:800px){.site-header{height:72px;padding:0 20px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.desktop-nav.open{display:flex;position:absolute;left:0;right:0;top:71px;margin:0;padding:22px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.section-shell{padding-left:20px;padding-right:20px}.hero{padding:25px 20px 0;display:flex;flex-direction:column;gap:30px}.hero-stage{min-height:540px;order:1}.hero-placeholder{min-height:540px}.hero-intro{order:2;padding:0}.hero h1{font-size:clamp(51px,15vw,75px);margin:20px 0}.hero-footer{order:3;font-size:7px;gap:15px}.hero-footer span:last-child{white-space:nowrap}.hero-side-note{left:-8px}.hero-caption{left:24px;bottom:25px}.hero-caption strong{font-size:38px}.statement{padding-top:100px;padding-bottom:95px}.statement-body,.section-lead,.service-feature,.story-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.statement-body{margin-top:25px}.statement h2,.section-lead h2,.process h2{font-size:47px}.statement-rule{margin-top:50px}.statement-rule span{font-size:7px;line-height:1.5}.statement-rule span+span{padding-left:10px}.services{padding-bottom:100px}.section-lead{margin-bottom:38px}.service-feature{margin-bottom:55px}.service-visual{min-height:0}.service-feature .service-visual{height:80vw;max-height:450px}.service-copy h3{font-size:52px}.service-rail{grid-template-columns:1fr;gap:52px}.service-item-offset{margin-top:0}.visual-tall,.visual-wide,.visual-square{height:72vw;max-height:390px}.dark-story{padding:78px 0 85px}.story-grid{margin-top:28px}.story-placeholder{height:75vw;max-height:420px}.projects{padding-top:100px;padding-bottom:100px}.project-gallery{grid-template-columns:1fr;gap:14px}.gallery-main{height:110vw;max-height:500px}.gallery-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-small,.gallery-small-low{height:46vw;max-height:230px;margin:0}.gallery-small .placeholder-note{font-size:7px;left:10px;top:10px}.gallery-small .placeholder-caption{font-size:8px;margin-top:12px}.process{padding-bottom:100px}.contact-section{padding:75px 0 82px}.contact-details{gap:25px 15px}.site-footer{padding:24px 20px;gap:15px}.site-footer>p{width:100%;order:3;margin:0}.site-footer>a:last-of-type{margin-left:auto;font-size:7px}.footer-copy{order:4}}
@media(max-width:390px){.contact-details{grid-template-columns:1fr}.hero-footer span:last-child{display:none}.statement-rule{grid-template-columns:1fr}.statement-rule span+span{border-left:0;border-top:1px solid var(--line);padding-left:0}}

/* GE Lighting-inspired campaign rhythm: compact header, one strong hero, product-led cards. */
.site-header{height:72px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.site-header .menu-toggle{display:block;grid-column:1;grid-row:1;margin:0;padding:10px;justify-self:start}
.site-header .brand{grid-column:2;grid-row:1;justify-self:center}
.site-header .desktop-nav{display:none}
.site-header .header-cta{grid-column:3;grid-row:1;justify-self:end;border:1px solid rgba(255,255,255,.7);padding:9px 12px;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.site-header .header-cta span{margin-left:8px;color:var(--ibeem-orange)}
.site-header .brand-logo{width:174px;max-height:54px;padding:5px 10px}
.hero-stage,.hero-placeholder{min-height:min(690px,calc(100vh - 72px))}
.hero-placeholder{background:linear-gradient(125deg,#17467e 0 32%,#6c91ad 32% 48%,#d9a37d 48% 62%,#f1eee7 62%)}
.hero-stage:before{background:linear-gradient(180deg,rgba(7,35,70,.2),rgba(7,35,70,.7) 88%)}
.hero-intro{left:max(24px,calc((100vw - var(--max))/2 + 36px));bottom:76px;max-width:470px}
.hero h1{font-size:clamp(52px,7vw,96px);line-height:.88;text-transform:uppercase;letter-spacing:-.1em}
.hero h1 em{display:block;text-transform:none;letter-spacing:-.08em}
.hero-caption{right:36px;bottom:34px}.hero-caption span{font-size:9px}.hero-caption strong{font-size:clamp(28px,4vw,58px)}
.hero-footer{padding-top:13px;padding-bottom:13px}
.quick-catalog{max-width:none;background:var(--white);padding-top:86px;padding-bottom:102px}
.quick-catalog-heading{max-width:var(--max);margin:0 auto 38px;padding:0 36px;display:flex;align-items:end;justify-content:space-between;gap:30px}.quick-catalog h2{font-family:var(--display);color:var(--ibeem-blue);font-size:clamp(42px,5vw,68px);line-height:.9;letter-spacing:-.09em;margin:0}.quick-catalog h2 em{font-family:var(--serif);font-weight:400}
.quick-cards{max-width:var(--max);margin:auto;padding:0 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-card{position:relative;display:block;color:var(--ibeem-blue)}.quick-card-visual{height:330px;margin-bottom:18px;border:0;background:linear-gradient(145deg,#b8cce0 0 44%,#e9e4db 44% 68%,#df875c 68%)}.quick-card:nth-child(2) .quick-card-visual{background:linear-gradient(145deg,#d8e5ee 0 32%,#3f78a7 32% 73%,#eeab82 73%)}.quick-card:nth-child(3) .quick-card-visual{background:linear-gradient(145deg,#173d70 0 42%,#b5c7d1 42% 71%,#e46e36 71%)}.quick-card .placeholder-note{color:var(--ibeem-blue);left:16px;top:14px}.quick-card .placeholder-caption{align-self:flex-start;margin:0 0 18px 16px;color:var(--ibeem-blue);font-family:var(--display);font-weight:700;font-size:18px;text-align:left}.quick-card>span{font-size:9px;color:var(--ibeem-orange);letter-spacing:.12em}.quick-card h3{font-family:var(--display);font-size:25px;letter-spacing:-.06em;margin:8px 0 0}.quick-card>b{position:absolute;right:3px;bottom:2px;font-size:22px;font-weight:400}.statement{padding-top:120px}
@media(max-width:800px){.site-header{height:68px;padding:0 14px}.site-header .brand-logo{width:145px}.site-header .header-cta{padding:8px 7px;font-size:7px}.hero-stage,.hero-placeholder{min-height:calc(100vh - 68px)}.hero-intro{left:20px;bottom:72px}.hero h1{font-size:clamp(50px,15vw,78px)}.hero-caption{right:18px;bottom:25px}.quick-catalog{padding-top:70px;padding-bottom:80px}.quick-catalog-heading{display:block;padding:0 20px;margin-bottom:28px}.quick-catalog-heading .section-index{margin-bottom:18px}.quick-cards{padding:0 20px;grid-template-columns:1fr;gap:46px}.quick-card-visual{height:68vw;max-height:360px}.quick-card h3{font-size:24px}.statement{padding-top:90px}}

/* Clean photographic direction: the reference relies on imagery, scale and copy — not decorative geometry. */
.photo-placeholder:before,.photo-placeholder:after,.hero-stage:before,.hero-stage:after,.hero-placeholder:after{display:none!important}
.site-header{height:84px;padding:0 30px;display:flex;gap:34px;background:var(--ibeem-blue);border-bottom:0}
.site-header .brand{order:0;flex:0 0 auto}.site-header .brand-logo{width:172px;max-height:55px;padding:4px 9px;background:var(--white)}
.site-header .desktop-nav{display:flex;order:1;gap:28px;margin-left:12px}.site-header .desktop-nav a{font-size:11px;color:var(--white);font-weight:700}.site-header .header-cta{order:2;margin-left:auto;border:0;padding:0;color:var(--white);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.site-header .header-cta span{color:var(--ibeem-orange)}.site-header .menu-toggle{display:none}
.hero-stage,.hero-placeholder{min-height:620px}.hero-placeholder{background:radial-gradient(circle at 70% 30%,rgba(231,239,241,.9),transparent 32%),radial-gradient(circle at 24% 72%,rgba(28,66,112,.95),transparent 46%),#91a6b2;border:0}
.hero-intro{left:max(30px,calc((100vw - var(--max))/2 + 36px));bottom:68px;max-width:460px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.94;text-transform:none;letter-spacing:-.08em}.hero h1 em{display:inline;text-transform:none}.hero-lede{max-width:350px}.hero-caption{right:34px;bottom:32px}.hero-caption strong{font-size:clamp(26px,3.5vw,52px)}.hero-footer{padding:15px 30px;background:var(--white)}.hero-progress{margin-left:auto;margin-right:auto}
.service-finder{position:relative;box-shadow:none;background:var(--ibeem-orange);padding:13px max(24px,calc((100vw - var(--max))/2 + 36px))}
.statement{max-width:var(--max);padding-top:112px;padding-bottom:110px}.statement h2{font-size:clamp(40px,4.8vw,66px);letter-spacing:-.07em}.statement-rule{margin-top:54px}
.services{max-width:none;background:var(--white);padding-top:96px;padding-bottom:120px}.section-lead{max-width:var(--max);margin:0 auto 48px;padding:0 36px}.section-lead h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.08em}.service-feature{max-width:var(--max);margin:0 auto 84px;padding:0 36px;grid-template-columns:1.5fr .7fr;gap:58px;align-items:end}.service-feature .service-visual{min-height:520px;background:linear-gradient(160deg,#a9bac6,#d7d0c4 62%,#7188a1)}.service-copy h3{font-size:clamp(38px,4vw,60px);letter-spacing:-.07em}.service-rail{max-width:var(--max);margin:auto;padding:44px 36px 0;border-top:1px solid #d8dde1;grid-template-columns:1fr 1.18fr .88fr;gap:24px}.service-item .service-visual{border:0}.service-item:nth-child(1) .service-visual{background:linear-gradient(145deg,#d6dedc,#b5c9d6)}.service-item:nth-child(2) .service-visual{background:linear-gradient(145deg,#6e8ba1,#d7c8b9)}.service-item:nth-child(3) .service-visual{background:linear-gradient(145deg,#c4d0d7,#ecb08f)}
.dark-story{padding:0;background:var(--ibeem-blue-deep)}.story-inner{padding-top:90px;padding-bottom:90px}.story-grid{grid-template-columns:.78fr 1.22fr;gap:80px}.story-placeholder{height:520px;border:0;background:radial-gradient(circle at 63% 36%,#d8e3e5,transparent 25%),#577b94}.story-copy h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.08em}.story-copy>p{max-width:350px}.projects{padding-top:112px}.project-gallery{gap:18px}.gallery-main,.gallery-small{border:0}.gallery-main{background:linear-gradient(145deg,#9eafbe,#d9c5b7)}.gallery-small{background:linear-gradient(145deg,#cbd9df,#8ba0ad)}.gallery-small-low{background:linear-gradient(145deg,#ecb696,#cdd7d9)}
.contact-section{background:var(--ibeem-blue);padding-top:84px}.contact-section .button-dark{background:var(--ibeem-orange)}
@media(max-width:800px){.site-header{height:70px;padding:0 16px;gap:12px}.site-header .desktop-nav{display:none}.site-header .brand{margin:auto}.site-header .brand-logo{width:145px}.site-header .header-cta{display:none}.site-header .menu-toggle{display:block;order:0;margin:0;padding:10px}.hero-stage,.hero-placeholder{min-height:calc(100vh - 70px);max-height:680px}.hero-intro{left:20px;bottom:68px}.hero h1{font-size:clamp(48px,14vw,76px)}.hero-caption{right:20px;bottom:24px}.hero-footer{padding:13px 20px}.service-finder{padding:13px 20px}.statement{padding-top:82px;padding-bottom:78px}.section-lead{padding:0 20px}.service-feature{padding:0 20px;grid-template-columns:1fr;gap:28px}.service-feature .service-visual{min-height:0;height:72vw;max-height:410px}.service-rail{padding:38px 20px 0;grid-template-columns:1fr;gap:48px}.visual-tall,.visual-wide,.visual-square{height:70vw;max-height:360px}.story-grid{grid-template-columns:1fr;gap:36px}.story-placeholder{height:72vw;max-height:400px}.gallery-main{height:100vw;max-height:480px}.gallery-side{gap:12px}.statement-rule{grid-template-columns:1fr}.statement-rule span+span{border-left:0;border-top:1px solid var(--line);padding-left:0}}

/* Full-bleed collection-led direction */
.site-header{background:var(--ibeem-blue);border-bottom-color:rgba(255,255,255,.2)}
.site-header .brand-logo{background:var(--white);padding:4px 8px;width:164px;max-height:54px}
.site-header .brand,.site-header .desktop-nav a,.site-header .header-cta{color:var(--white)}
.site-header .brand-mark{border-color:var(--white)}
.site-header .header-cta{border-bottom-color:var(--ibeem-orange)}
.site-header .menu-toggle span{background:var(--white)}
.hero{max-width:none;padding:0 0 0;display:block;position:relative}
.hero-stage{min-height:min(760px,calc(100vh - 82px));margin:0;position:relative}
.hero-stage:before{inset:0;border:0;background:linear-gradient(90deg,rgba(8,39,78,.42),transparent 58%);z-index:1;pointer-events:none}
.hero-placeholder{min-height:inherit;border:0;background:linear-gradient(115deg,#174b86 0 48%,#2f77a8 48% 72%,#de7548 72%)}
.hero-placeholder:after{width:30%;height:100%;right:0;bottom:0;border:0;border-left:1px solid rgba(255,255,255,.4);background:linear-gradient(180deg,transparent 0 45%,rgba(255,255,255,.2) 45% 45.2%,transparent 45.2%)}
.hero-intro{position:absolute;left:max(36px,calc((100vw - var(--max))/2 + 36px));bottom:96px;z-index:3;max-width:520px;padding:0;color:var(--white)}
.hero-intro .eyebrow,.hero-intro .hero-lede{color:var(--white)}
.hero h1{font-size:clamp(48px,6.5vw,88px);margin:20px 0 22px}
.hero-lede{max-width:390px;color:#edf4fb}
.hero-intro .inline-link{border-bottom-color:rgba(255,255,255,.65)}
.hero-intro .inline-link:hover{color:var(--ibeem-orange)}
.hero-side-note{left:18px;top:30px;color:var(--white);z-index:3}
.hero-side-note span{color:var(--ibeem-orange)}
.hero-caption{left:auto;right:42px;bottom:42px;z-index:3}
.hero-caption strong{font-size:clamp(30px,4.5vw,64px)}
.hero-footer{padding:18px max(36px,calc((100vw - var(--max))/2 + 36px));background:var(--white)}
.section-lead h2,.statement h2,.process h2{color:var(--ibeem-blue)}
.services{background:var(--white);max-width:var(--max);padding-top:130px}
.service-feature{grid-template-columns:1.7fr .65fr}
.service-copy h3,.service-item h3{color:var(--ibeem-blue)}
.service-rail{border-top:1px solid var(--line);padding-top:40px}
.dark-story{background:var(--ibeem-blue-deep)}
.projects{background:var(--paper)}
.contact-section{background:var(--ibeem-orange)}
.contact-section .section-index,.contact-grid>div>p,.contact-details>div>span,.contact-details small{color:var(--white)}
.contact-grid h2{color:var(--white)}
.contact-section .button-dark{background:var(--ibeem-blue-deep)}
@media(max-width:800px){
  .site-header{background:var(--ibeem-blue)}
  .hero-stage,.hero-placeholder{min-height:calc(100vh - 72px);max-height:700px}
  .hero-intro{left:20px;right:20px;bottom:74px}
  .hero h1{font-size:clamp(49px,15vw,78px)}
  .hero-caption{right:20px;bottom:24px}
  .hero-footer{padding:16px 20px}
  .hero-progress{margin-left:0;margin-right:0}.hero-progress i{width:14px}
  .service-finder{padding:14px 20px}.service-finder span{font-size:9px}.service-finder strong{font-size:8px}
  .services{padding-top:90px}
}

/* Final visual overrides: keep the clean photographic direction above legacy styles. */
.photo-placeholder:before,.photo-placeholder:after,.hero-stage:before,.hero-stage:after,.hero-placeholder:after{display:none!important;content:none!important}
.site-header{height:84px!important;padding:0 30px!important;display:flex!important;gap:34px!important;background:var(--ibeem-blue)!important;border-bottom:0!important}
.site-header .brand{order:0!important;flex:0 0 auto!important}.site-header .brand-logo{width:172px!important;max-height:55px!important;padding:4px 9px!important;background:var(--white)!important}
.site-header .desktop-nav{display:flex!important;order:1!important;gap:28px!important;margin-left:12px!important}.site-header .desktop-nav a{font-size:11px!important;color:var(--white)!important;font-weight:700!important}.site-header .header-cta{order:2!important;margin-left:auto!important;border:0!important;padding:0!important;color:var(--white)!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.site-header .menu-toggle{display:none!important}
.hero-stage,.hero-placeholder{min-height:620px!important}.hero-placeholder{background:radial-gradient(circle at 70% 30%,rgba(231,239,241,.9),transparent 32%),radial-gradient(circle at 24% 72%,rgba(28,66,112,.95),transparent 46%),#91a6b2!important;border:0!important}
.hero-intro{left:max(30px,calc((100vw - var(--max))/2 + 36px))!important;bottom:68px!important;max-width:460px!important}.hero h1{font-size:clamp(48px,6vw,82px)!important;line-height:.94!important;text-transform:none!important;letter-spacing:-.08em!important}.hero-caption{right:34px!important;bottom:32px!important}.hero-caption strong{font-size:clamp(26px,3.5vw,52px)!important}
.service-finder{position:relative!important;box-shadow:none!important;background:var(--ibeem-orange)!important;padding:13px max(24px,calc((100vw - var(--max))/2 + 36px))!important}
.statement{max-width:var(--max)!important;padding-top:112px!important;padding-bottom:110px!important}.services{max-width:none!important;background:var(--white)!important;padding-top:96px!important;padding-bottom:120px!important}.section-lead{max-width:var(--max)!important;margin:0 auto 48px!important;padding:0 36px!important}.service-feature{max-width:var(--max)!important;margin:0 auto 84px!important;padding:0 36px!important;grid-template-columns:1.5fr .7fr!important;gap:58px!important}.service-feature .service-visual{min-height:520px!important;background:linear-gradient(160deg,#a9bac6,#d7d0c4 62%,#7188a1)!important}.service-rail{max-width:var(--max)!important;margin:auto!important;padding:44px 36px 0!important;border-top:1px solid #d8dde1!important;grid-template-columns:1fr 1.18fr .88fr!important;gap:24px!important}.service-item .service-visual{border:0!important}
.dark-story{padding:0!important;background:var(--ibeem-blue-deep)!important}.story-inner{padding-top:90px!important;padding-bottom:90px!important}.story-placeholder{height:520px!important;border:0!important;background:radial-gradient(circle at 63% 36%,#d8e3e5,transparent 25%),#577b94!important}.projects{padding-top:112px!important}.gallery-main,.gallery-small{border:0!important}
@media(max-width:800px){.site-header{height:70px!important;padding:0 16px!important;gap:12px!important}.site-header .desktop-nav{display:none!important}.site-header .brand{margin:auto!important}.site-header .brand-logo{width:145px!important}.site-header .header-cta{display:none!important}.site-header .menu-toggle{display:block!important;order:0!important;margin:0!important;padding:10px!important}.hero-stage,.hero-placeholder{min-height:calc(100vh - 70px)!important;max-height:680px!important}.hero-intro{left:20px!important;bottom:68px!important}.hero h1{font-size:clamp(48px,14vw,76px)!important}.hero-caption{right:20px!important;bottom:24px!important}.hero-footer{padding:13px 20px!important}.service-finder{padding:13px 20px!important}.section-lead{padding:0 20px!important}.service-feature{padding:0 20px!important;grid-template-columns:1fr!important;gap:28px!important}.service-feature .service-visual{min-height:0!important;height:72vw!important;max-height:410px!important}.service-rail{padding:38px 20px 0!important;grid-template-columns:1fr!important;gap:48px!important}.story-grid{grid-template-columns:1fr!important;gap:36px!important}.story-placeholder{height:72vw!important;max-height:400px!important}}

.hero-placeholder .placeholder-cross{display:none!important}.service-feature .service-visual{min-height:390px!important;height:390px!important}.service-rail .visual-tall{height:250px!important}.service-rail .visual-wide{height:210px!important}.service-rail .visual-square{height:230px!important}.story-placeholder{height:390px!important}.gallery-main{height:430px!important}.gallery-small{height:205px!important}.gallery-small-low{height:215px!important}.photo-placeholder{background-color:#e7ecee!important}.photo-placeholder .placeholder-caption{color:#4f6c82!important;font-size:10px!important}.photo-placeholder .placeholder-cross{font-size:28px!important}
@media(max-width:800px){.service-feature .service-visual{height:64vw!important;max-height:330px!important}.service-rail .visual-tall,.service-rail .visual-wide,.service-rail .visual-square{height:55vw!important;max-height:270px!important}.story-placeholder{height:58vw!important;max-height:310px!important}.gallery-main{height:82vw!important;max-height:400px!important}.gallery-small,.gallery-small-low{height:38vw!important;max-height:190px!important}}

/* Reference-matching pass: product-carousel hero and collection/editorial panels. */
.site-header{height:88px!important;padding:0 30px!important;background:rgba(9,29,57,.96)!important;position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:20!important}.site-header .brand-logo{width:190px!important}.site-header .desktop-nav{gap:30px!important;margin-left:25px!important}.site-header .desktop-nav a{font-size:12px!important}.site-header .desktop-nav a::after{content:'⌄';margin-left:7px;color:#d4e0ed;font-size:13px}.site-header .header-cta{font-size:10px!important}.hero-stage,.hero-placeholder{min-height:720px!important}.hero-placeholder{background:radial-gradient(circle at 72% 24%,#dae4e7 0 14%,transparent 36%),radial-gradient(circle at 22% 72%,#274c71 0 18%,transparent 54%),linear-gradient(90deg,#182f50,#71899a 58%,#c3d0d4)!important}.hero-stage{padding-top:88px!important}.hero-intro{left:29%!important;bottom:72px!important;max-width:410px!important}.hero-intro .eyebrow{font-size:10px!important}.hero h1{font-size:clamp(42px,5vw,70px)!important;line-height:.98!important}.hero-lede{font-size:14px!important;line-height:1.55!important}.hero-caption{display:none!important}.hero-footer{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:5!important;width:100%!important;background:rgba(11,29,52,.65)!important;color:#fff!important;border:0!important;padding:18px 30px!important}.hero-footer b{color:#fff!important}.hero-progress i{background:rgba(255,255,255,.45)!important}.hero-progress i:first-child{background:#13bce5!important}.service-finder{background:var(--ibeem-blue-deep)!important;color:#fff!important}.service-finder strong{color:#fff!important}.service-finder b{color:var(--ibeem-orange)!important}
.statement{background:#fff!important}.services{padding-top:110px!important}.section-lead{margin-bottom:58px!important}.service-feature{max-width:none!important;padding:0!important;grid-template-columns:1.18fr .82fr!important;gap:0!important;background:#e9e6df!important}.service-feature .service-visual{height:560px!important;min-height:560px!important;background:radial-gradient(circle at 50% 28%,#f3f0e8 0 13%,transparent 35%),linear-gradient(145deg,#b7c8d1,#d8c7b9)!important}.service-copy{padding:70px 62px!important;background:rgba(11,44,87,.94)!important;color:#fff!important}.service-copy h3{color:#fff!important}.service-copy p{color:#d4e1ec!important}.service-copy .inline-link{border-color:rgba(255,255,255,.55)!important}.service-rail{padding-top:52px!important;border-top:0!important}.service-rail .service-item{background:#eef0ef!important;padding-bottom:28px!important}.service-rail .service-visual{margin-bottom:20px!important}.service-item h3,.service-item p,.service-item .inline-link,.service-item .service-number{margin-left:22px!important;margin-right:22px!important}.service-item .service-number{margin-top:0!important}.dark-story{background:#081f42!important}.projects{background:#f0efeb!important}.contact-section{background:var(--ibeem-blue)!important}.contact-section .button-dark{background:var(--ibeem-orange)!important}
@media(max-width:800px){.site-header{height:70px!important;padding:0 16px!important}.site-header .brand-logo{width:155px!important}.site-header .desktop-nav{display:none!important}.hero-stage{padding-top:70px!important}.hero-stage,.hero-placeholder{min-height:650px!important}.hero-intro{left:20px!important;bottom:68px!important}.hero h1{font-size:clamp(43px,13vw,70px)!important}.hero-footer{padding:14px 20px!important}.service-feature{grid-template-columns:1fr!important}.service-feature .service-visual{height:360px!important;min-height:360px!important}.service-copy{padding:42px 28px!important}.service-rail .service-item{padding-bottom:22px!important}.service-item h3,.service-item p,.service-item .inline-link,.service-item .service-number{margin-left:18px!important;margin-right:18px!important}}
.site-header .brand-logo,.site-footer .brand-logo{background:transparent!important;padding:0!important}
.site-header .desktop-nav a::after{content:none!important}.site-header .header-cta span{display:none!important}
.site-header .header-cta{background:var(--ibeem-orange)!important;color:#fff!important;padding:11px 16px!important;border-radius:999px!important;font-size:10px!important;letter-spacing:.08em!important;box-shadow:0 6px 16px rgba(239,109,50,.22);transition:transform .2s,background .2s,box-shadow .2s}.site-header .header-cta:hover{background:#d95722!important;transform:translateY(-2px);box-shadow:0 9px 20px rgba(239,109,50,.3)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:9px 12px;background:var(--ibeem-blue-deep);color:#fff;opacity:0;visibility:hidden;transform:translateY(10px);cursor:pointer;font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase;transition:opacity .25s,transform .25s,visibility .25s,background .2s}.back-to-top span{font-size:16px;line-height:.7}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:var(--ibeem-orange)}
.social-links{display:flex;align-items:center;gap:14px;margin-left:auto}.social-links span{font-size:8px;letter-spacing:.12em;color:#7b8690}.social-links a{font-size:10px;font-weight:700;color:var(--ibeem-blue);transition:color .2s}.social-links a:hover{color:var(--ibeem-orange)}
@media(max-width:800px){.back-to-top{right:16px;bottom:18px;padding:9px 11px}.back-to-top b{font-size:8px}}
@media(max-width:800px){.social-links{width:100%;margin-left:0;order:3;flex-wrap:wrap}.site-footer>p{order:2}.site-footer>a:last-of-type{order:4}}

/* Motion layer: subtle campaign-like transitions, never decorative noise. */
.hero-placeholder{background-size:120% 120%!important;animation:heroLight 14s ease-in-out infinite alternate}
.hero-intro{animation:heroCopyIn .85s cubic-bezier(.22,.8,.25,1) both .15s}.hero-side-note{animation:heroMetaIn .7s ease both .35s}.hero-footer{animation:heroFooterIn .7s ease both .45s}
.hero-progress i{animation:progressPulse 5s ease-in-out infinite}.hero-progress i:nth-child(2){animation-delay:1s}.hero-progress i:nth-child(3){animation-delay:2s}.hero-progress i:nth-child(4){animation-delay:3s}.hero-progress i:nth-child(5){animation-delay:4s}
.service-feature,.service-item,.story-grid,.project-gallery,.process-list>div{transition:transform .45s ease,opacity .45s ease}.service-item:hover{transform:translateY(-6px)}.service-item:hover .service-visual{filter:saturate(1.08);transform:scale(.985)}.service-item .service-visual{transition:transform .55s ease,filter .55s ease}.gallery-main:hover,.gallery-small:hover{filter:saturate(1.08);transition:filter .45s ease}
.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}
@keyframes heroLight{0%{background-position:0 50%}100%{background-position:100% 42%}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes heroMetaIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes heroFooterIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes progressPulse{0%,100%{opacity:.45}15%,35%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.hero-placeholder,.hero-intro,.hero-side-note,.hero-footer,.hero-progress i{animation:none!important}.service-feature,.service-item,.story-grid,.project-gallery,.process-list>div,.service-item .service-visual,.gallery-main,.gallery-small{transition:none!important}}

/* Archivo local de IBEEM: las fotografías sustituyen los placeholders cuando existen. */
.photo-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .7s ease,filter .4s ease}
.photo-placeholder .image-credit{position:absolute;left:16px;bottom:14px;z-index:2;max-width:calc(100% - 32px);padding:6px 8px;background:rgba(8,31,66,.76);color:#fff;font-size:8px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.design-slot{padding:28px!important;background:linear-gradient(135deg,#e8eef1,#f7f4ef)!important;color:var(--ibeem-blue)!important}
.design-slot .placeholder-note,.design-slot .placeholder-caption,.design-slot .placeholder-spec{position:relative;z-index:1;display:block;max-width:78%;margin:0 auto;text-align:center}
.design-slot .placeholder-note{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--ibeem-orange)}
.design-slot .placeholder-caption{margin-top:14px;font-size:12px;line-height:1.6;color:#4f6c82}
.design-slot .placeholder-spec{margin-top:18px;padding-top:12px;border-top:1px solid rgba(18,63,120,.22);font-size:9px;letter-spacing:.1em;color:#687d96}
.design-slot .placeholder-file{position:relative;z-index:1;display:block;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:var(--ibeem-blue);background:rgba(255,255,255,.6);padding:6px 8px}
.process-grid{grid-template-columns:.72fr 1.28fr;gap:9%!important;align-items:start}
.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.process-list>div,.process-list>div:last-child{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0 24px;min-height:190px}
.process-list span{display:block;margin-bottom:28px}
.process-list h3{font-size:20px;margin-bottom:12px}
.process-list p{max-width:none}
@media(max-width:800px){.process-grid{grid-template-columns:1fr!important}.process-list{grid-template-columns:1fr;gap:0}.process-list>div,.process-list>div:last-child{min-height:0;padding:20px 0}.process-list span{margin-bottom:14px}}
.design-slot .placeholder-cross{display:none}
.photo-placeholder:has(img):before,.photo-placeholder:has(img):after{display:none!important}
.photo-placeholder:has(img):hover img{transform:scale(1.025);filter:saturate(1.04)}
.hero-placeholder img{object-position:center 55%;filter:saturate(.9)}
.hero-placeholder video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;filter:saturate(.82) brightness(.72);transition:opacity .55s ease}
.hero-placeholder .video-fallback{display:none}
.hero-placeholder video.hero-video-change{animation:heroVideoReveal .65s ease both}
.hero-placeholder img.hero-image-change{animation:heroImageReveal .7s ease both}
.service-feature .service-visual img{object-position:center 52%}
.story-placeholder img{object-position:center 50%}
.gallery-main img{object-position:center 50%}
.gallery-small img{object-position:center 50%}
.inspiration-main img{object-position:center 52%}
@media(max-width:800px){.photo-placeholder .image-credit{font-size:7px;left:10px;bottom:10px;max-width:calc(100% - 20px)}.hero-placeholder img{object-position:center 52%}}
@keyframes heroImageReveal{from{opacity:.42;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes heroVideoReveal{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-placeholder video{display:none}.hero-placeholder .video-fallback{display:block!important}}
.hero-slide-change{animation:heroCopySwap .45s ease both}.hero-progress i.is-active{background:#13bce5!important;opacity:1}
@keyframes heroCopySwap{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-arrows{display:flex;gap:8px}.hero-arrows button{width:30px;height:30px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;cursor:pointer;font-size:16px;transition:background .2s,color .2s}.hero-arrows button:hover{background:#fff;color:var(--ibeem-blue)}
.inspiration{padding-top:112px;padding-bottom:110px;background:var(--paper)}.inspiration-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:auto auto;gap:18px 34px;align-items:stretch}.inspiration-main{grid-row:1/3;height:510px;background:linear-gradient(145deg,#bbcbd1,#d9c4b2)}.inspiration-copy{padding:45px 12px 25px 18px;align-self:center}.inspiration-copy h3{font-family:var(--display);font-size:clamp(35px,4vw,55px);line-height:.92;letter-spacing:-.08em;color:var(--ibeem-blue);margin:16px 0}.inspiration-copy h3 em{font-family:var(--serif);font-weight:400}.inspiration-copy p{max-width:290px;color:#677789;font-size:12px;line-height:1.7;margin-bottom:24px}.inspiration-small{height:195px;background:linear-gradient(145deg,#8fa9b4,#e7d8cc)}.client-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:18px 0;color:#6e7f8e;font-size:9px;letter-spacing:.12em}.client-strip strong{font-family:var(--display);font-size:16px;color:var(--ibeem-blue);letter-spacing:-.03em}.client-strip span:last-child{color:var(--ibeem-orange)}
@media(max-width:800px){.hero-arrows button{width:26px;height:26px}.inspiration{padding-top:80px;padding-bottom:80px}.inspiration-grid{grid-template-columns:1fr;gap:24px}.inspiration-main{grid-row:auto;height:330px}.inspiration-copy{padding:10px 0}.inspiration-small{height:190px}.client-strip{grid-template-columns:1fr;gap:10px;margin-top:38px}.client-strip strong{font-size:14px}}

/* Franja de clientes con logos recuperados localmente. */
.client-strip{display:block!important;margin-top:55px;padding:24px 22px 18px;background:var(--ibeem-blue-deep);color:#d8e3ee;font-size:9px;letter-spacing:.12em}
.client-strip-heading{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center}
.client-strip strong{font-family:var(--display);font-size:16px;color:#fff;letter-spacing:-.03em}
.client-strip-heading span:last-child{color:var(--ibeem-orange)}
.client-logo-row{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:24px 28px;align-items:center;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.client-logo-row img{width:100%;height:58px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.9;transition:opacity .25s,transform .25s,filter .25s}
.client-logo-row img:hover{filter:none;opacity:1;transform:translateY(-2px)}
.client-strip small{display:block;margin-top:16px;color:#aebfd0;font-size:8px;letter-spacing:.04em;line-height:1.5}
@media(max-width:800px){.client-strip{margin-top:38px;padding:20px 16px 16px}.client-strip-heading{grid-template-columns:1fr;gap:9px}.client-strip strong{font-size:14px}.client-logo-row{grid-template-columns:repeat(2,minmax(100px,1fr));gap:18px 20px}.client-logo-row img{height:48px}}
.client-logo-row{grid-template-columns:repeat(4,minmax(140px,1fr));gap:28px 34px;margin-top:28px;padding-top:26px}
.client-logo-row img{height:68px}
@media(max-width:800px){.client-logo-row{grid-template-columns:repeat(2,minmax(115px,1fr));gap:20px 22px}.client-logo-row img{height:56px}}
@media(max-width:800px){.site-header .desktop-nav.open{display:flex!important;position:absolute!important;top:70px!important;left:0!important;right:0!important;margin:0!important;padding:22px 20px!important;background:var(--ibeem-blue)!important;border-top:1px solid rgba(255,255,255,.18)!important;border-bottom:1px solid rgba(255,255,255,.2)!important;flex-direction:column!important;gap:20px!important;z-index:30!important}.site-header .desktop-nav.open a{display:block!important;color:#fff!important}.site-header .menu-toggle{cursor:pointer!important}.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}}
@media(max-width:800px){.site-header .desktop-nav.open{align-items:center!important;text-align:center!important}.site-header .desktop-nav.open a{width:100%!important;text-align:center!important}.hero-arrows{display:none!important}.hero-footer{justify-content:center!important}.hero-footer .hero-slide-label{display:none!important}.hero-progress{margin:0!important}}
