:root{--green:#76b82a;--green2:#98d43f;--ink:#07130d;--ink2:#0c1e14;--cream:#f4f7f2;--white:#fff;--line:rgba(255,255,255,.14);--radius:22px;--shadow:0 30px 80px rgba(3,20,10,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#0b1710;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:1000;left:0;right:0;top:0;color:#fff;transition:.35s ease}.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,14,9,.62),transparent);pointer-events:none;transition:.35s}.site-header.is-scrolled{background:rgba(5,19,12,.92);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.08)}.site-header.is-scrolled:before{opacity:0}.header-shell{position:relative;max-width:1500px;margin:auto;padding:22px 34px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em;font-size:24px}.custom-logo{max-height:54px;width:auto}.brand-mark{display:grid;place-items:center;background:var(--green);width:42px;height:42px;border-radius:50%;color:#fff}.desktop-nav{margin-left:auto}.desktop-nav ul,.mobile-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.desktop-nav a{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:16px}.language-switcher{display:flex;gap:8px;font-size:11px}.language-switcher a{opacity:.72}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800;border:1px solid transparent;transition:.25s}.header-cta{background:#fff;color:#0a1710;font-size:13px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px}.mobile-nav{display:none}.hero{height:100svh;min-height:720px;position:relative;background:var(--ink);overflow:hidden;color:#fff}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .9s ease,transform 4.5s ease;display:flex;align-items:flex-end;background-image:var(--hero-image);background-size:cover;background-position:center}.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-fallback{background:radial-gradient(circle at 78% 28%,#426f24 0,transparent 32%),linear-gradient(130deg,#07170d,#0b2b19 55%,#102116)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,5,.84) 0%,rgba(4,13,8,.48) 46%,rgba(4,13,8,.22)),linear-gradient(0deg,rgba(3,10,6,.72),transparent 55%)}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(to right,#000,transparent)}.hero-content{position:relative;z-index:2;width:min(980px,calc(100% - 70px));margin:0 auto 11vh;padding-right:10vw}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:var(--green2)}.eyebrow:before,.section-kicker:before{content:"";width:36px;height:2px;background:currentColor}.hero h1{font-size:clamp(52px,7.4vw,118px);line-height:.9;letter-spacing:-.055em;margin:24px 0 26px;max-width:980px}.hero-copy{max-width:690px;font-size:clamp(17px,1.45vw,23px);color:rgba(255,255,255,.82)}.hero-copy p{margin:0}.hero-buttons{display:flex;gap:12px;margin-top:34px}.button-primary{background:var(--green);color:#081108}.button-primary:hover{background:var(--green2);transform:translateY(-2px)}.button-glass{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.05);color:#fff;backdrop-filter:blur(10px)}.hero-index{position:absolute;right:5vw;bottom:10vh;font-size:clamp(70px,10vw,170px);font-weight:900;color:rgba(255,255,255,.07);line-height:.8}.hero-controls{position:absolute;z-index:3;right:34px;bottom:34px;display:flex;align-items:center;gap:16px}.hero-controls button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}.hero-progress{width:100px;height:2px;background:rgba(255,255,255,.2)}.hero-progress i{display:block;width:55%;height:100%;background:var(--green)}.hero-scroll{position:absolute;z-index:3;left:34px;bottom:35px;font-size:10px;letter-spacing:.2em;display:flex;align-items:center;gap:12px}.hero-scroll span{width:80px;height:1px;background:rgba(255,255,255,.35)}.section-shell{width:min(1420px,calc(100% - 64px));margin:auto}.content-section,.numbers-section,.map-section,.calculator-section,.timeline-section,.lead-section{padding:120px 0}.section-heading{margin-bottom:52px}.section-heading h2,.numbers-intro h2,.map-copy h2,.calculator-copy h2,.lead-layout h2{font-size:clamp(40px,5vw,76px);line-height:.98;letter-spacing:-.05em;margin:18px 0 0;max-width:920px}.section-heading.split{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-heading.split>p{max-width:460px;color:#536058}.numbers-section{background:var(--cream)}.numbers-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:1px;background:#d9e1da;border:1px solid #d9e1da}.numbers-grid>*{background:var(--cream);padding:46px 32px}.numbers-intro h2{font-size:clamp(32px,3vw,52px)}.stat{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px}.stat strong{font-size:clamp(42px,4.4vw,68px);letter-spacing:-.05em}.stat span{color:#5d6a61;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.dark-section{background:var(--ink);color:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{position:relative;min-height:320px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s;overflow:hidden}.solution-card:before{content:"";position:absolute;inset:auto -20% -55% auto;width:70%;aspect-ratio:1;border:1px solid rgba(118,184,42,.22);border-radius:50%;transition:.4s}.solution-card:hover{background:#10281a}.solution-card:hover:before{transform:scale(1.4)}.solution-card>span{font-size:12px;color:var(--green2)}.solution-card h3{font-size:32px;margin:60px 0 15px}.solution-card p{color:rgba(255,255,255,.62);max-width:340px}.solution-card>a{position:absolute;right:28px;bottom:24px;font-size:28px;color:var(--green2)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:26px}.project-card{grid-column:span 4}.project-card:nth-child(1),.project-card:nth-child(5){grid-column:span 8}.project-image{position:relative;aspect-ratio:4/3;background:linear-gradient(145deg,#143920,#0d2416);overflow:hidden;border-radius:18px}.project-card:nth-child(1) .project-image,.project-card:nth-child(5) .project-image{aspect-ratio:16/9}.project-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.project-card:hover img{transform:scale(1.035)}.project-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,10,5,.62),transparent 55%)}.project-meta{position:absolute;left:22px;right:22px;bottom:18px;color:#fff;display:flex;justify-content:space-between;gap:15px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.project-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 3px}.project-title h3{margin:0;font-size:20px}.project-title span{font-size:24px}.placeholder .project-image:after{content:"RENSA PROJECT";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.16);font-size:clamp(26px,4vw,70px);font-weight:900;letter-spacing:-.05em}.map-section{background:#0b1e13;color:#fff;overflow:hidden}.map-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.map-copy p{color:rgba(255,255,255,.65);max-width:520px;font-size:18px}.text-link{display:inline-block;margin-top:20px;color:var(--green2);font-weight:800}.map-canvas{position:relative;min-height:650px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(118,184,42,.26),transparent 42%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.13) 0 1px,transparent 1px 86px);border:1px solid rgba(255,255,255,.1)}.map-canvas:after{content:"";position:absolute;inset:18% 13%;background:linear-gradient(135deg,rgba(118,184,42,.34),rgba(118,184,42,.06));clip-path:polygon(3% 51%,12% 39%,29% 33%,40% 22%,58% 25%,68% 33%,80% 35%,92% 45%,97% 57%,86% 62%,73% 61%,63% 69%,46% 67%,34% 74%,22% 66%,10% 65%);filter:drop-shadow(0 0 30px rgba(118,184,42,.25))}.map-pin{position:absolute;z-index:2;width:13px;height:13px;background:var(--green2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 8px rgba(118,184,42,.15)}.p1{left:46%;top:44%}.p2{left:34%;top:50%}.p3{left:65%;top:46%}.p4{left:76%;top:57%}.map-label{position:absolute;z-index:2;left:50%;top:62%;transform:translateX(-50%);text-align:center;font-weight:900;letter-spacing:.18em;font-size:11px;color:rgba(255,255,255,.72)}.calculator-section{background:linear-gradient(135deg,#eaf4e1,#f8faf7)}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.calculator-copy p{font-size:18px;color:#526057;max-width:570px}.calculator-card{background:#fff;border-radius:28px;padding:42px;box-shadow:var(--shadow);border:1px solid #dfe8df}.calculator-card label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px}.calculator-card input[type=range],.calculator-card select{width:100%;margin-top:14px}.calculator-card select{padding:14px;border:1px solid #d8dfd9;border-radius:12px;background:#fff}.range-value{display:block;margin-top:9px;font-size:14px;text-transform:none;letter-spacing:0}.calc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.calc-results div{background:#f4f7f3;padding:18px;border-radius:16px}.calc-results span{display:block;color:#6c786f;font-size:11px;text-transform:uppercase;min-height:34px}.calc-results strong{display:block;font-size:19px;margin-top:7px}.full{width:100%;border:0;cursor:pointer}.calculator-card small{display:block;color:#7a847d;margin-top:13px;text-align:center}.timeline-section{background:#f7f8f5}.timeline-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid #ced7ce}.timeline-track article{padding:34px 26px 0 0;position:relative}.timeline-track article:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--green);top:-6px;left:0;box-shadow:0 0 0 7px #e3efda}.timeline-track span{font-size:34px;font-weight:900;color:var(--green)}.timeline-track h3{font-size:22px}.timeline-track p{color:#657067}.executive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.executive-photo{aspect-ratio:4/5;border-radius:18px;background:linear-gradient(145deg,#163a24,#0c1e14);overflow:hidden}.executive-photo img{width:100%;height:100%;object-fit:cover}.executive-card h3{font-size:25px;margin:16px 0 2px}.executive-card span{color:#6b776f}.news-section{background:#f7f9f7}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-image{aspect-ratio:16/10;border-radius:16px;background:#dfe7df;overflow:hidden;margin-bottom:18px}.news-image img{width:100%;height:100%;object-fit:cover}.news-grid time{font-size:12px;color:#788078}.news-grid h3{font-size:23px;line-height:1.16;margin:9px 0}.lead-section{background:#07160e;color:#fff}.lead-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.lead-layout p{color:rgba(255,255,255,.65);font-size:18px}.lead-card{background:#fff;color:#0b1710;padding:34px;border-radius:24px}.site-footer{background:#020805;color:#fff;padding:80px 0 22px}.footer-shell,.footer-bottom{width:min(1420px,calc(100% - 64px));margin:auto}.footer-shell{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-size:48px;font-weight:900;color:var(--green)}.footer-shell p,.footer-shell a{color:rgba(255,255,255,.62)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:55px;display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:12px}.project-hero{min-height:72vh;background-image:var(--hero-image);background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:flex-end}.project-hero .section-shell{position:relative;z-index:2;padding-bottom:80px}.project-hero h1{font-size:clamp(52px,7vw,100px);line-height:.92;letter-spacing:-.055em;margin:18px 0 30px}.project-facts{display:flex;gap:10px;flex-wrap:wrap}.project-facts span{background:rgba(0,0,0,.32);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);padding:13px 18px;border-radius:14px;display:flex;flex-direction:column;font-size:11px;text-transform:uppercase}.project-facts b{font-size:19px}.project-detail{display:grid;grid-template-columns:2fr 1fr;gap:70px}.project-story{font-size:19px}.video-wrap{margin-top:70px;aspect-ratio:16/9}.video-wrap iframe{width:100%;height:100%;border:0;border-radius:20px}.narrow{max-width:900px}.entry{padding:30px 0;border-bottom:1px solid #ddd} @media (max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;left:16px;right:16px;top:100%;background:#07160e;border-radius:18px;padding:24px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s}.mobile-nav.is-open{display:block;opacity:1;pointer-events:auto;transform:none}.mobile-nav ul{display:flex;flex-direction:column;gap:14px}.numbers-grid{grid-template-columns:repeat(2,1fr)}.numbers-intro{grid-column:1/-1}.project-card,.project-card:nth-child(1),.project-card:nth-child(5){grid-column:span 6}.map-layout,.calculator-layout,.lead-layout{grid-template-columns:1fr}.map-canvas{min-height:560px}.timeline-track{grid-template-columns:repeat(2,1fr);gap:50px 20px}.executive-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:760px){.header-shell{padding:16px 18px}.custom-logo{max-height:42px}.header-cta,.language-switcher{display:none}.hero{min-height:680px}.hero-content{width:calc(100% - 36px);margin-bottom:16vh;padding:0}.hero h1{font-size:clamp(48px,14vw,70px)}.hero-copy{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch;max-width:320px}.hero-controls{right:18px;bottom:18px}.hero-scroll{display:none}.section-shell,.footer-shell,.footer-bottom{width:calc(100% - 36px)}.content-section,.numbers-section,.map-section,.calculator-section,.timeline-section,.lead-section{padding:82px 0}.section-heading.split{display:block}.section-heading.split>p{margin-top:24px}.numbers-grid{grid-template-columns:1fr}.numbers-intro{grid-column:auto}.numbers-grid>*{padding:28px 22px}.stat{min-height:120px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:250px}.project-grid{display:block}.project-card{margin-bottom:28px}.project-card .project-image,.project-card:nth-child(1) .project-image,.project-card:nth-child(5) .project-image{aspect-ratio:4/3}.map-canvas{min-height:360px}.calculator-card{padding:24px}.calc-results{grid-template-columns:1fr}.timeline-track{display:block;border-top:0;border-left:1px solid #ced7ce;margin-left:6px}.timeline-track article{padding:0 0 34px 26px}.timeline-track article:before{top:9px;left:-6px}.executive-grid,.news-grid{grid-template-columns:1fr}.footer-shell{grid-template-columns:1fr}.footer-bottom{display:block}.project-detail{grid-template-columns:1fr}.project-hero .section-shell{padding-bottom:48px}} /* Alpha 2 · Premium internal experiences */ .desktop-nav li{position:relative}.desktop-nav .sub-menu{position:absolute;top:calc(100% + 18px);left:-22px;min-width:260px;display:grid!important;gap:0!important;padding:12px!important;background:rgba(4,18,11,.96);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}.desktop-nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.desktop-nav .sub-menu a{display:block;padding:12px 14px;border-radius:10px;white-space:nowrap}.desktop-nav .sub-menu a:hover{background:rgba(255,255,255,.08);color:var(--green2)} .history-link-section{background:#06140d;color:#fff;overflow:hidden}.history-link{display:block;position:relative;min-height:46svh;isolation:isolate}.history-link-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(118,184,42,.25),transparent 22%),linear-gradient(120deg,#07150e 0%,#0b2517 52%,#07130d 100%);z-index:-2}.history-link-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.history-link-inner{min-height:46svh;display:flex;align-items:center;justify-content:space-between;gap:40px}.history-link h2{font-size:clamp(42px,6vw,90px);line-height:.92;letter-spacing:-.055em;max-width:900px;margin:18px 0}.history-link-arrow{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:40px;transition:.35s ease}.history-link:hover .history-link-arrow{background:var(--green);color:#07130d;border-color:var(--green);transform:rotate(45deg) scale(1.05)} .rensa-internal{overflow:hidden}.internal-hero,.leadership-hero{position:relative;min-height:78svh;background:#07140d;color:#fff;display:flex;align-items:flex-end}.internal-hero-grid,.leadership-hero-lines{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(90deg,#000,transparent 85%)}.internal-hero:after,.leadership-hero:after{content:"";position:absolute;width:48vw;height:48vw;right:-12vw;top:-14vw;border-radius:50%;background:radial-gradient(circle,rgba(118,184,42,.25),transparent 68%);filter:blur(2px)}.internal-hero-content,.leadership-hero-inner{position:relative;z-index:2;padding-bottom:10vh}.internal-hero h1,.leadership-hero h1{font-size:clamp(58px,8vw,122px);max-width:1200px;line-height:.88;letter-spacing:-.06em;margin:24px 0 30px}.internal-hero p,.leadership-hero p{max-width:720px;color:rgba(255,255,255,.68);font-size:clamp(18px,1.5vw,24px)} .about-editorial{background:#fff}.about-editorial-copy{font-size:clamp(20px,2vw,30px);line-height:1.55;max-width:1050px}.about-gateway{background:#f4f7f2}.about-gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gateway-card{position:relative;min-height:520px;border-radius:28px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;transition:.45s cubic-bezier(.2,.7,.2,1)}.gateway-card:before{content:"";position:absolute;inset:0;z-index:-2;transition:.5s ease}.gateway-history:before{background:linear-gradient(140deg,#0a2818,#07130d)}.gateway-executives:before{background:linear-gradient(140deg,#ecf2e8,#dce9d4)}.gateway-card>span{font-size:13px;font-weight:900;letter-spacing:.16em}.gateway-history{color:#fff}.gateway-executives{color:#0a1710}.gateway-card small{font-weight:900;letter-spacing:.15em}.gateway-card h3{font-size:clamp(42px,4.4vw,70px);line-height:.96;letter-spacing:-.05em;margin:14px 0}.gateway-card p{max-width:560px;opacity:.7;font-size:18px}.gateway-card b{position:absolute;right:38px;top:38px;font-size:34px}.gateway-card:hover{transform:translateY(-8px)}.gateway-history:hover:before{background:linear-gradient(140deg,#123a23,#08150e)}.gateway-executives:hover:before{background:linear-gradient(140deg,#f6fbf3,#d8ebcf)} /* Immersive timeline */ .rensa-history-page{background:#041009}.rensa-history-page .site-footer{scroll-snap-align:end}.timeline-experience{position:relative;background:#041009;color:#fff}.timeline-intro{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(140deg,#06150d,#091f14 55%,#06120c)}.timeline-intro-inner{position:relative;z-index:2;padding-bottom:11vh}.timeline-intro h1{font-size:clamp(62px,9vw,138px);line-height:.84;letter-spacing:-.065em;max-width:1250px;margin:24px 0 30px}.timeline-intro p{max-width:680px;font-size:clamp(18px,1.5vw,24px);color:rgba(255,255,255,.68)}.timeline-intro-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}.orb-a{width:48vw;height:48vw;right:-8vw;top:-10vw;background:radial-gradient(circle,rgba(118,184,42,.4),transparent 67%)}.orb-b{width:24vw;height:24vw;left:13vw;bottom:-8vw;background:radial-gradient(circle,rgba(142,220,59,.18),transparent 68%)}.timeline-scroll-cue{display:flex;align-items:center;gap:14px;margin-top:48px;font-size:10px;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.55)}.timeline-scroll-cue span{display:block;width:74px;height:1px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}.timeline-scroll-cue span:after{content:"";position:absolute;inset:0;background:var(--green2);transform:translateX(-100%);animation:rensaScrollCue 2.2s ease-in-out infinite}@keyframes rensaScrollCue{50%{transform:translateX(0)}100%{transform:translateX(100%)}} .timeline-rail{position:fixed;left:28px;top:28vh;width:2px;height:44vh;background:rgba(255,255,255,.13);z-index:40;pointer-events:none}.timeline-rail span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:-3px;top:-4px}.timeline-rail i{position:absolute;left:0;top:0;width:2px;height:var(--timeline-progress,0%);background:var(--green2);box-shadow:0 0 18px rgba(152,212,63,.6);transition:height .08s linear} .timeline-scenes{position:relative}.timeline-scene{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#07140d,#041009)}.timeline-scene:nth-child(even){background:linear-gradient(180deg,#06130c,#0a1b11)}.timeline-scene-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(52px,7vw,120px);align-items:center;padding-top:12vh;padding-bottom:10vh}.timeline-scene.is-reverse .timeline-visual{order:2}.timeline-scene.is-reverse .timeline-copy{order:1}.timeline-visual{position:relative;min-height:min(68svh,760px);border-radius:28px;overflow:hidden;clip-path:inset(100% 0 0 0 round 28px);transform:translateY(60px) scale(.96);opacity:.15;transition:clip-path 1.05s cubic-bezier(.2,.75,.2,1),transform 1.05s cubic-bezier(.2,.75,.2,1),opacity .7s ease}.timeline-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.13);transition:transform 1.7s cubic-bezier(.2,.75,.2,1)}.timeline-visual-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#2e642e,transparent 34%),linear-gradient(145deg,#0d2d1b,#06110b);font-size:clamp(40px,8vw,120px);font-weight:950;letter-spacing:.08em;color:rgba(255,255,255,.06)}.timeline-visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,6,.62),transparent 56%)}.timeline-scene-index{position:absolute;left:26px;bottom:23px;z-index:2;font-size:13px;font-weight:900;letter-spacing:.18em}.timeline-copy{position:relative;z-index:3}.timeline-copy-top{display:flex;align-items:center;gap:18px;opacity:0;transform:translateY(24px);transition:.65s .08s ease}.timeline-year{font-size:clamp(54px,7vw,106px);font-weight:950;letter-spacing:-.065em;color:var(--green2);line-height:.8}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 8px rgba(118,184,42,.13)}.timeline-copy>small{display:block;margin-top:32px;color:rgba(255,255,255,.52);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(22px);transition:.6s .16s ease}.timeline-copy h2{font-size:clamp(45px,5.8vw,88px);line-height:.92;letter-spacing:-.055em;margin:16px 0 26px;opacity:0;transform:translateY(42px);transition:.8s .22s cubic-bezier(.2,.75,.2,1)}.timeline-body{font-size:clamp(17px,1.3vw,21px);color:rgba(255,255,255,.68);max-width:640px;opacity:0;transform:translateY(38px);transition:.8s .32s cubic-bezier(.2,.75,.2,1)}.timeline-body p:first-child{margin-top:0}.timeline-metric{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:baseline;gap:16px;opacity:0;transform:translateY(28px);transition:.7s .42s ease}.timeline-metric strong{font-size:clamp(27px,3vw,46px);color:#fff}.timeline-metric span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.48)}.timeline-video{margin-top:30px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;opacity:0;transform:translateY(28px);transition:.7s .5s ease}.timeline-video iframe{width:100%;height:100%;border:0}.timeline-year-ghost{position:absolute;right:-.02em;top:50%;transform:translateY(-50%) scale(.82);font-size:clamp(160px,28vw,520px);line-height:.7;font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.018);opacity:0;transition:1.2s .1s ease;pointer-events:none}.timeline-scene.is-inview .timeline-visual{clip-path:inset(0 0 0 0 round 28px);transform:none;opacity:1}.timeline-scene.is-inview .timeline-visual img{transform:scale(1)}.timeline-scene.is-inview .timeline-copy-top,.timeline-scene.is-inview .timeline-copy>small,.timeline-scene.is-inview .timeline-copy h2,.timeline-scene.is-inview .timeline-body,.timeline-scene.is-inview .timeline-metric,.timeline-scene.is-inview .timeline-video{opacity:1;transform:none}.timeline-scene.is-inview .timeline-year-ghost{opacity:1;transform:translateY(-50%) scale(1)}.timeline-empty{min-height:100svh;display:flex;flex-direction:column;justify-content:center;max-width:950px}.timeline-empty h2{font-size:clamp(44px,6vw,88px);line-height:.95;letter-spacing:-.05em}.timeline-empty p{max-width:650px;color:rgba(255,255,255,.6);font-size:19px}.timeline-finale{position:relative;min-height:100svh;display:flex;align-items:center;background:radial-gradient(circle at 70% 30%,rgba(118,184,42,.24),transparent 26%),#06130c}.timeline-finale-inner{text-align:center;display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center}.timeline-finale h2{font-size:clamp(56px,8vw,124px);max-width:1180px;line-height:.87;letter-spacing:-.06em;margin:26px 0 44px} /* Leadership */ .leadership-hero{min-height:84svh}.leadership-list{background:#f4f7f2}.leadership-card{min-height:78svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(52px,7vw,120px);align-items:center;padding:86px 0;border-bottom:1px solid #dce4dc;opacity:.45;transform:translateY(70px);transition:.9s cubic-bezier(.2,.75,.2,1)}.leadership-card.is-visible{opacity:1;transform:none}.leadership-card.is-reverse .leadership-photo{order:2}.leadership-card.is-reverse .leadership-copy{order:1}.leadership-photo{position:relative;display:block;aspect-ratio:4/5;max-height:720px;border-radius:28px;overflow:hidden;background:#0a2014}.leadership-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.leadership-photo:hover img{transform:scale(1.035)}.leadership-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 50%)}.leadership-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 30%,#35682d,transparent 27%),linear-gradient(145deg,#12311e,#07140d);color:rgba(255,255,255,.08);font-size:clamp(48px,8vw,120px);font-weight:950}.leadership-number{position:absolute;z-index:2;left:26px;bottom:22px;color:#fff;font-weight:900;letter-spacing:.15em}.leadership-role{display:block;color:#5e7f5b;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.leadership-copy h2{font-size:clamp(54px,6vw,94px);line-height:.9;letter-spacing:-.06em;margin:18px 0 28px}.leadership-copy blockquote{margin:0 0 26px;padding-left:22px;border-left:3px solid var(--green);font-size:clamp(21px,2vw,30px);line-height:1.35;color:#23342a}.leadership-copy p{font-size:18px;color:#617068;max-width:650px}.leadership-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.leadership-linkedin{font-size:13px;font-weight:800}.leadership-empty{padding:140px 0}.leadership-empty h2{font-size:clamp(42px,6vw,80px);line-height:.95;max-width:900px}.leadership-cta{background:#07140d;color:#fff}.leadership-cta-inner{min-height:34svh;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:clamp(24px,3vw,42px);font-weight:800;letter-spacing:-.03em}.leadership-cta a{color:var(--green2);font-size:16px;letter-spacing:0} /* Executive detail */ .executive-profile-hero{min-height:100svh;background:#07140d;color:#fff;display:flex;align-items:center;padding:120px 0 60px}.executive-profile-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(60px,8vw,140px);align-items:center}.executive-profile-photo{position:relative;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:#0d2819}.executive-profile-photo img{width:100%;height:100%;object-fit:cover}.executive-profile-copy h1{font-size:clamp(60px,8vw,120px);line-height:.86;letter-spacing:-.065em;margin:24px 0 36px}.executive-profile-copy blockquote{font-size:clamp(21px,2vw,31px);color:rgba(255,255,255,.72);max-width:720px;border-left:3px solid var(--green);padding-left:24px;margin:0 0 34px}.executive-back{display:inline-block;margin-bottom:44px;color:rgba(255,255,255,.55);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.executive-profile-story{background:#fff}.executive-profile-body{font-size:clamp(19px,1.7vw,25px);line-height:1.65}.executive-profile-body h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.04em} @media(max-width:1100px){.about-gateway-grid{grid-template-columns:1fr}.timeline-scene-grid,.leadership-card,.executive-profile-grid{grid-template-columns:1fr;gap:44px}.timeline-scene.is-reverse .timeline-visual,.timeline-scene.is-reverse .timeline-copy,.leadership-card.is-reverse .leadership-photo,.leadership-card.is-reverse .leadership-copy{order:initial}.timeline-visual{min-height:52svh}.leadership-card{min-height:auto;padding:90px 0}.leadership-photo{max-height:none;width:min(100%,720px)}.desktop-nav .sub-menu{display:none!important}} @media(max-width:760px){.mobile-nav .sub-menu{display:grid!important;gap:8px!important;padding:10px 0 0 18px!important;border-left:1px solid rgba(255,255,255,.14);margin-left:4px!important}.mobile-nav .sub-menu a{font-size:12px;color:rgba(255,255,255,.65)}.history-link{min-height:38svh}.history-link-inner{min-height:38svh}.history-link h2{font-size:clamp(38px,11vw,58px)}.history-link-arrow{width:70px;height:70px;font-size:26px;flex:0 0 auto}.internal-hero,.leadership-hero{min-height:88svh}.internal-hero-content,.leadership-hero-inner{padding-bottom:8vh}.internal-hero h1,.leadership-hero h1{font-size:clamp(52px,15vw,76px)}.about-gateway-grid{display:block}.gateway-card{min-height:430px;padding:28px;margin-bottom:18px}.gateway-card h3{font-size:44px}.timeline-rail{left:10px;top:30vh;height:40vh}.timeline-intro-inner{padding-bottom:13vh}.timeline-intro h1{font-size:clamp(55px,16vw,82px)}.timeline-scene{min-height:100svh;align-items:flex-start}.timeline-scene-grid{padding-top:16vh;padding-bottom:9vh;gap:30px}.timeline-visual{min-height:40svh;border-radius:20px;clip-path:inset(100% 0 0 0 round 20px)}.timeline-scene.is-inview .timeline-visual{clip-path:inset(0 0 0 0 round 20px)}.timeline-copy-top{gap:12px}.timeline-year{font-size:clamp(52px,18vw,78px)}.timeline-copy>small{margin-top:22px}.timeline-copy h2{font-size:clamp(42px,12vw,62px);margin-bottom:18px}.timeline-body{font-size:16px}.timeline-metric{display:block}.timeline-metric strong{display:block;margin-bottom:4px}.timeline-year-ghost{font-size:60vw;top:74%;right:-8vw}.timeline-finale h2{font-size:clamp(50px,14vw,76px)}.leadership-card{display:block;padding:70px 0}.leadership-photo{margin-bottom:36px;border-radius:20px}.leadership-copy h2{font-size:clamp(48px,14vw,70px)}.leadership-copy blockquote{font-size:20px}.leadership-actions{align-items:flex-start;flex-direction:column}.leadership-cta-inner{min-height:38svh;display:block;padding-top:70px;padding-bottom:70px}.leadership-cta-inner a{display:block;margin-top:24px}.executive-profile-hero{padding-top:100px}.executive-profile-grid{gap:36px}.executive-profile-copy h1{font-size:clamp(54px,16vw,78px)}.executive-back{margin-bottom:20px}} @media(prefers-reduced-motion:reduce){.timeline-scroll-cue span:after{animation:none}.timeline-visual,.timeline-visual img,.timeline-copy-top,.timeline-copy>small,.timeline-copy h2,.timeline-body,.timeline-metric,.timeline-video,.timeline-year-ghost,.leadership-card{transition:none!important;transform:none!important;opacity:1!important}.timeline-visual{clip-path:none!important}} html.rensa-timeline-snap{scroll-snap-type:y proximity}.timeline-snap-scene{scroll-snap-align:start;scroll-snap-stop:normal} /* === v0.1.0-alpha3 · HD Visual Integration === */ .hero-fallback{background-image:var(--hero-image)!important;background-size:cover!important;background-position:center!important} .hero-slide{background-color:#07130d} .solution-card{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;background:#07140d;isolation:isolate} .solution-media{position:absolute;inset:0;z-index:-3;background-image:var(--solution-image);background-size:cover;background-position:center;transform:scale(1.01);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.9) contrast(1.03)} .solution-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,16,9,.05) 5%,rgba(4,16,9,.45) 42%,rgba(4,16,9,.96) 88%)} .solution-card:before{z-index:-1} .solution-card-content{position:relative;z-index:2} .solution-card-content>span{font-size:12px;color:var(--green2);font-weight:900;letter-spacing:.14em} .solution-card h3{margin:18px 0 12px;text-shadow:0 3px 20px rgba(0,0,0,.45)} .solution-card p{color:rgba(255,255,255,.76);text-shadow:0 2px 18px rgba(0,0,0,.4)} .solution-card>a{z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)} .solution-card:hover .solution-media{transform:scale(1.06);filter:saturate(1.08) contrast(1.04)} .solution-card:hover{background:#07140d} .project-card.placeholder .project-image:after{display:none} .project-card.placeholder .project-image img{filter:saturate(.92)} .history-link-bg{background-image:linear-gradient(90deg,rgba(4,17,10,.96) 0%,rgba(4,17,10,.78) 42%,rgba(4,17,10,.30) 72%,rgba(4,17,10,.18) 100%),var(--history-link-image)!important;background-size:cover!important;background-position:center!important} .history-link-bg:after{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent 68%)} .internal-hero.about-hero{background-image:linear-gradient(90deg,rgba(3,15,8,.92) 0%,rgba(3,15,8,.62) 48%,rgba(3,15,8,.24) 100%),var(--internal-hero-image);background-size:cover;background-position:center} .timeline-intro{background-image:linear-gradient(90deg,rgba(4,16,9,.94) 0%,rgba(4,16,9,.72) 50%,rgba(4,16,9,.28) 100%),var(--timeline-intro-image)!important;background-size:cover!important;background-position:center!important} .timeline-visual-fallback{position:absolute;inset:0;overflow:hidden;background:#0a2014} .timeline-visual-fallback img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) brightness(.72)} .timeline-visual-fallback span{position:absolute;left:32px;bottom:24px;z-index:2;color:rgba(255,255,255,.78);font-size:clamp(32px,6vw,82px);font-weight:950;letter-spacing:-.05em} .leadership-hero{background-image:linear-gradient(90deg,rgba(3,15,8,.92) 0%,rgba(3,15,8,.64) 50%,rgba(3,15,8,.26) 100%),var(--leadership-hero-image);background-size:cover;background-position:center} .gateway-card:before{background-image:linear-gradient(180deg,rgba(3,15,8,.18),rgba(3,15,8,.90)),var(--gateway-image)!important;background-size:cover!important;background-position:center!important} .gateway-executives{color:#fff} .gateway-executives:before{background-image:linear-gradient(180deg,rgba(3,15,8,.16),rgba(3,15,8,.88)),var(--gateway-image)!important} .gateway-history:hover:before,.gateway-executives:hover:before{background-image:linear-gradient(180deg,rgba(4,25,13,.08),rgba(4,25,13,.82)),var(--gateway-image)!important;background-size:cover!important} .gateway-card p{opacity:.82} @media(max-width:760px){ .hero-slide,.hero-fallback{background-position:64% center!important} .solution-card{min-height:360px} .history-link-bg{background-position:62% center!important} .internal-hero.about-hero,.timeline-intro,.leadership-hero{background-position:62% center!important} .internal-hero.about-hero,.timeline-intro,.leadership-hero{background-image:linear-gradient(180deg,rgba(3,15,8,.42) 0%,rgba(3,15,8,.72) 48%,rgba(3,15,8,.96) 100%),var(--internal-hero-image)} .timeline-intro{background-image:linear-gradient(180deg,rgba(3,15,8,.28) 0%,rgba(3,15,8,.74) 52%,rgba(3,15,8,.97) 100%),var(--timeline-intro-image)!important} .leadership-hero{background-image:linear-gradient(180deg,rgba(3,15,8,.28) 0%,rgba(3,15,8,.74) 52%,rgba(3,15,8,.97) 100%),var(--leadership-hero-image)!important} } /* === v0.1.0-alpha4 · Bella Forma-style viewport snapping + daylight visual discipline === */ :root{--rensa-vh:100dvh;--rensa-header-h:0px} .home{overflow-x:hidden} .home.rensa-premium-plus{scroll-behavior:smooth} .home .rensa-screen{ min-height:var(--rensa-vh,100dvh); height:var(--rensa-vh,100dvh); scroll-snap-align:start; scroll-snap-stop:always; display:flex; align-items:center; position:relative; overflow:hidden; padding-top:clamp(78px,8vh,112px); padding-bottom:clamp(34px,5vh,70px); } .home .rensa-screen.hero{padding:0;display:block} .home .rensa-screen>.section-shell{width:min(1420px,calc(100% - 64px));margin:auto} html.rensa-home-snap{scroll-snap-type:y mandatory;scroll-padding-top:0} html.rensa-home-snap body{overscroll-behavior-y:none} .home .numbers-section,.home .content-section,.home .map-section,.home .calculator-section,.home .lead-section{padding-top:clamp(84px,8vh,118px);padding-bottom:clamp(38px,5vh,68px)} .home .history-link-section{padding:0} .home .history-link,.home .history-link-inner{width:100%;height:100%;min-height:var(--rensa-vh,100dvh)} .home .history-link-inner{display:flex;align-items:center;justify-content:space-between} .home .section-heading{margin-bottom:clamp(24px,4vh,46px)} .home .section-heading h2,.home .numbers-intro h2,.home .map-copy h2,.home .calculator-copy h2,.home .lead-layout h2{font-size:clamp(34px,4.2vw,68px)} .home .solution-card{min-height:clamp(245px,31vh,340px)} .home .solution-card h3{font-size:clamp(23px,2.3vw,32px);margin-top:12px} .home .solution-card p{font-size:clamp(13px,1vw,15px);line-height:1.45} .home .project-image{max-height:36vh} .home .map-canvas{min-height:clamp(380px,58vh,620px)} .home .calculator-card{padding:clamp(24px,3.5vh,40px)} .home .news-image{max-height:30vh;overflow:hidden} .home .news-image img{width:100%;height:100%;object-fit:cover} .home .lead-layout{max-height:calc(var(--rensa-vh,100dvh) - 150px);overflow:auto;overscroll-behavior:contain;padding-top:2px;padding-bottom:2px} /* Strong daylight: demo fallbacks stay crisp, bright and free of faux cinematic darkening. */ .hero-overlay{background:linear-gradient(90deg,rgba(1,12,7,.70) 0%,rgba(2,16,9,.38) 45%,rgba(2,16,9,.08) 76%),linear-gradient(0deg,rgba(2,12,6,.48),transparent 48%)} .hero-slide{background-position:center 48%;filter:none} .solution-media{filter:saturate(1.06) contrast(1.02) brightness(1.03)} .solution-card:after{background:linear-gradient(180deg,rgba(3,14,8,.02) 3%,rgba(3,14,8,.18) 42%,rgba(3,14,8,.92) 92%)} .history-link-bg{filter:saturate(1.04) brightness(1.02)} /* Viewport entrance choreography. */ .home .rensa-screen .section-kicker, .home .rensa-screen .section-heading, .home .rensa-screen .numbers-grid>* , .home .rensa-screen .solution-card, .home .rensa-screen .project-card, .home .rensa-screen .map-copy, .home .rensa-screen .map-canvas, .home .rensa-screen .calculator-copy, .home .rensa-screen .calculator-card, .home .rensa-screen .news-grid>*, .home .rensa-screen .lead-layout>*{ opacity:0; transform:translateY(34px); transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1); } .home .rensa-screen.is-screen-active .section-kicker, .home .rensa-screen.is-screen-active .section-heading, .home .rensa-screen.is-screen-active .numbers-grid>* , .home .rensa-screen.is-screen-active .solution-card, .home .rensa-screen.is-screen-active .project-card, .home .rensa-screen.is-screen-active .map-copy, .home .rensa-screen.is-screen-active .map-canvas, .home .rensa-screen.is-screen-active .calculator-copy, .home .rensa-screen.is-screen-active .calculator-card, .home .rensa-screen.is-screen-active .news-grid>*, .home .rensa-screen.is-screen-active .lead-layout>*{opacity:1;transform:none} .home .rensa-screen.is-screen-active .numbers-grid>*:nth-child(2),.home .rensa-screen.is-screen-active .solution-card:nth-child(2),.home .rensa-screen.is-screen-active .project-card:nth-child(2),.home .rensa-screen.is-screen-active .news-grid>*:nth-child(2){transition-delay:.08s} .home .rensa-screen.is-screen-active .numbers-grid>*:nth-child(3),.home .rensa-screen.is-screen-active .solution-card:nth-child(3),.home .rensa-screen.is-screen-active .project-card:nth-child(3),.home .rensa-screen.is-screen-active .news-grid>*:nth-child(3){transition-delay:.14s} .home .rensa-screen.is-screen-active .numbers-grid>*:nth-child(4),.home .rensa-screen.is-screen-active .solution-card:nth-child(4),.home .rensa-screen.is-screen-active .project-card:nth-child(4){transition-delay:.20s} .home .rensa-screen.is-screen-active .numbers-grid>*:nth-child(5),.home .rensa-screen.is-screen-active .solution-card:nth-child(5),.home .rensa-screen.is-screen-active .project-card:nth-child(5){transition-delay:.26s} .home .rensa-screen.is-screen-active .solution-card:nth-child(6),.home .rensa-screen.is-screen-active .project-card:nth-child(6){transition-delay:.32s} .hero .hero-content{opacity:0;transform:translateY(30px);transition:opacity .75s ease .16s,transform .85s cubic-bezier(.2,.7,.2,1) .16s} .hero.is-screen-active .hero-slide.is-active .hero-content{opacity:1;transform:none} @media(max-height:790px) and (min-width:761px){ .home .rensa-screen{padding-top:78px;padding-bottom:26px} .home .section-heading{margin-bottom:20px} .home .section-heading h2,.home .numbers-intro h2,.home .map-copy h2,.home .calculator-copy h2,.home .lead-layout h2{font-size:clamp(30px,3.6vw,56px)} .home .solution-card{min-height:245px;padding:24px} .home .solution-card h3{font-size:25px;margin:8px 0} .home .solution-card p{font-size:12px} .home .project-grid{gap:14px} .home .project-title{padding:10px 3px} .home .project-title h3{font-size:17px} .home .map-canvas{min-height:430px} .home .calculator-card{padding:24px} .home .calculator-card label{margin-bottom:16px} } @media(max-width:760px){ :root{--rensa-vh:100svh} .home .rensa-screen{height:var(--rensa-vh,100svh);min-height:var(--rensa-vh,100svh);padding-top:84px;padding-bottom:28px;align-items:center} .home .rensa-screen>.section-shell{width:calc(100% - 34px)} .home .section-heading{margin-bottom:22px} .home .section-heading h2,.home .numbers-intro h2,.home .map-copy h2,.home .calculator-copy h2,.home .lead-layout h2{font-size:clamp(34px,10vw,48px);line-height:.98} .home .numbers-grid{grid-template-columns:1fr 1fr;gap:1px} .home .numbers-intro{grid-column:1/-1;padding:20px 18px} .home .numbers-grid>*{padding:18px 16px} .home .stat{min-height:105px} .home .stat strong{font-size:38px} .home .stat span{font-size:10px} .home .solution-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;grid-template-rows:1fr;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border:0;gap:12px;padding:0 1px 8px;scrollbar-width:none} .home .solution-grid::-webkit-scrollbar{display:none} .home .solution-card{min-height:58vh;border:1px solid rgba(255,255,255,.15);scroll-snap-align:center;border-radius:20px;padding:24px} .home .solution-card h3{font-size:32px} .home .solution-card p{font-size:14px} .home .project-grid{display:grid;grid-auto-flow:column;grid-auto-columns:83vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none} .home .project-grid::-webkit-scrollbar{display:none} .home .project-card,.home .project-card:nth-child(1),.home .project-card:nth-child(5){grid-column:auto;scroll-snap-align:center} .home .project-image,.home .project-card:nth-child(1) .project-image,.home .project-card:nth-child(5) .project-image{aspect-ratio:4/3;max-height:43vh} .home .map-layout,.home .calculator-layout,.home .lead-layout{grid-template-columns:1fr;gap:22px} .home .map-copy p,.home .calculator-copy p{font-size:14px;margin:8px 0} .home .map-canvas{min-height:40vh;width:min(88vw,430px);margin:auto} .home .calculator-card{padding:22px;border-radius:20px} .home .calc-results{grid-template-columns:1fr 1fr;gap:10px} .home .history-link-inner{padding-top:88px;padding-bottom:46px;align-items:flex-end} .home .history-link h2{font-size:clamp(46px,13vw,66px)} .home .news-grid{display:grid;grid-auto-flow:column;grid-auto-columns:84vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none} .home .news-grid::-webkit-scrollbar{display:none} .home .news-grid>article{scroll-snap-align:center} .home .lead-layout{max-height:calc(var(--rensa-vh,100svh) - 118px);overflow:auto;padding-bottom:18px} .hero-content{margin-bottom:12vh;padding-right:0} .hero h1{font-size:clamp(50px,15vw,76px)} } @media(prefers-reduced-motion:reduce){ html.rensa-home-snap{scroll-behavior:auto} .home .rensa-screen *{scroll-behavior:auto!important} .home .rensa-screen .section-kicker,.home .rensa-screen .section-heading,.home .rensa-screen .numbers-grid>*,.home .rensa-screen .solution-card,.home .rensa-screen .project-card,.home .rensa-screen .map-copy,.home .rensa-screen .map-canvas,.home .rensa-screen .calculator-copy,.home .rensa-screen .calculator-card,.home .rensa-screen .news-grid>*,.home .rensa-screen .lead-layout>*,.hero .hero-content{opacity:1!important;transform:none!important;transition:none!important} } /* === RENSA Corporate Plus alpha4 — executive/institutional direction === */ .rensa-variant-corporate{--green:#118640;--green2:#2ba95a;--ink:#0b2518;--ink2:#123424;--cream:#f6f8f5;--radius:12px;--shadow:0 22px 70px rgba(8,45,24,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .rensa-variant-corporate .site-header{background:rgba(255,255,255,.97);color:#10251a;box-shadow:0 1px 0 rgba(8,45,24,.09)} .rensa-variant-corporate .site-header:before{display:none} .rensa-variant-corporate .header-shell{padding-top:16px;padding-bottom:16px} .rensa-variant-corporate .brand-mark{background:#118640} .rensa-variant-corporate .desktop-nav a{font-size:12px;letter-spacing:.055em} .rensa-variant-corporate .header-cta{background:#118640;color:#fff;border-radius:8px;padding:11px 18px} .rensa-variant-corporate .menu-toggle span{background:#10251a} .rensa-variant-corporate .mobile-nav{background:#fff;color:#10251a;border-top:1px solid #e4ebe6} .rensa-variant-corporate .language-switcher a{color:#244a34} .rensa-variant-corporate .hero{background:#f7faf7;color:#10251a} .rensa-variant-corporate .hero-slide{background-color:#f7faf7;background-size:60% 100%;background-position:right center;background-repeat:no-repeat;align-items:center} .rensa-variant-corporate .hero-overlay{background:linear-gradient(90deg,#f7faf7 0%,#f7faf7 38%,rgba(247,250,247,.96) 48%,rgba(247,250,247,.55) 62%,rgba(247,250,247,0) 75%)} .rensa-variant-corporate .hero-grid{display:none} .rensa-variant-corporate .hero-content{width:min(1420px,calc(100% - 64px));margin:0 auto;padding:72px 48% 0 0;color:#10251a} .rensa-variant-corporate .hero h1{font-size:clamp(54px,5.4vw,88px);line-height:.94;letter-spacing:-.045em;max-width:780px;margin:22px 0 24px} .rensa-variant-corporate .hero-copy{color:#4a5e52;max-width:610px;font-size:clamp(16px,1.2vw,20px)} .rensa-variant-corporate .button-glass{background:#fff;color:#10251a;border-color:#cfdad2;backdrop-filter:none} .rensa-variant-corporate .hero-index{color:rgba(17,134,64,.09);right:3vw} .rensa-variant-corporate .hero-controls button{background:#fff;border-color:#ccd8cf;color:#10251a} .rensa-variant-corporate .hero-progress{background:#d8e1da} .rensa-variant-corporate .hero-scroll{color:#557263} .rensa-variant-corporate .hero-scroll span{background:#aebeb3} .rensa-variant-corporate .numbers-section{background:#fff} .rensa-variant-corporate .numbers-grid{border:0;background:#fff;box-shadow:0 1px 0 #e3eae5,0 -1px 0 #e3eae5} .rensa-variant-corporate .numbers-grid>*{background:#fff;border-right:1px solid #e6ece7;padding:38px 28px} .rensa-variant-corporate .numbers-grid>*:last-child{border-right:0} .rensa-variant-corporate .stat strong{color:#0c7136} .rensa-variant-corporate .dark-section{background:#fff;color:#10251a} .rensa-variant-corporate .solution-grid{grid-template-columns:repeat(6,1fr);border:0;gap:14px} .rensa-variant-corporate .solution-card{min-height:440px;border:1px solid #dfe7e1!important;border-radius:14px;padding:0 20px 22px;background:#fff!important;color:#10251a;justify-content:flex-end;box-shadow:0 12px 30px rgba(16,61,32,.06)} .rensa-variant-corporate .solution-media{inset:0 0 auto 0;height:56%;z-index:0;filter:saturate(1.02) contrast(1.01);border-radius:13px 13px 0 0} .rensa-variant-corporate .solution-card:after{inset:0 0 auto 0;height:56%;z-index:1;background:linear-gradient(180deg,transparent 58%,rgba(8,35,20,.28))} .rensa-variant-corporate .solution-card:before{display:none} .rensa-variant-corporate .solution-card-content{z-index:2;padding-top:58%} .rensa-variant-corporate .solution-card-content>span{color:#118640} .rensa-variant-corporate .solution-card h3{font-size:22px;color:#10251a;text-shadow:none;margin:14px 0 8px} .rensa-variant-corporate .solution-card p{font-size:12.5px;color:#64736a;text-shadow:none;line-height:1.45;margin:0;padding-right:16px} .rensa-variant-corporate .solution-card>a{width:38px;height:38px;right:16px;bottom:14px;background:#f0f6f2;border:1px solid #d7e4da;color:#118640} .rensa-variant-corporate .solution-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(16,61,32,.12)} .rensa-variant-corporate .solution-card:hover .solution-media{transform:scale(1.025)} .rensa-variant-corporate .projects-section{background:#f6f8f5} .rensa-variant-corporate .project-grid{gap:18px} .rensa-variant-corporate .project-image{border-radius:10px} .rensa-variant-corporate .project-title h3{font-size:18px} .rensa-variant-corporate .project-title span{color:#118640} .rensa-variant-corporate .map-section{background:#0d3521} .rensa-variant-corporate .calculator-section{background:#fff} .rensa-variant-corporate .calculator-card{border-radius:14px;box-shadow:0 18px 60px rgba(14,64,34,.09)} .rensa-variant-corporate .history-link-bg{background-image:linear-gradient(90deg,rgba(10,50,29,.93) 0%,rgba(10,50,29,.78) 46%,rgba(10,50,29,.22) 78%),var(--history-link-image)!important} .rensa-variant-corporate .history-link h2{font-size:clamp(48px,5vw,78px)} .rensa-variant-corporate .news-section{background:#fff} .rensa-variant-corporate .news-grid article{border:1px solid #e2e9e4;border-radius:12px;overflow:hidden;background:#fff} .rensa-variant-corporate .news-grid article time,.rensa-variant-corporate .news-grid article h3{display:block;padding-left:18px;padding-right:18px} .rensa-variant-corporate .news-grid article h3{padding-bottom:18px} .rensa-variant-corporate .lead-section{background:#f2f7f3} @media(max-width:1100px){ .rensa-variant-corporate .solution-grid{grid-template-columns:repeat(3,1fr)} .rensa-variant-corporate .solution-card{min-height:310px} .rensa-variant-corporate .hero-slide{background-size:72% 100%} .rensa-variant-corporate .hero-content{padding-right:40%} } @media(max-width:760px){ .rensa-variant-corporate .site-header{background:rgba(255,255,255,.98)} .rensa-variant-corporate .hero-slide{background-size:100% 54%;background-position:center top;background-color:#f7faf7;align-items:flex-end} .rensa-variant-corporate .hero-overlay{background:linear-gradient(180deg,rgba(247,250,247,0) 0%,rgba(247,250,247,.25) 34%,#f7faf7 54%,#f7faf7 100%)} .rensa-variant-corporate .hero-content{width:calc(100% - 34px);padding:0 0 8vh;margin:0 auto;color:#10251a} .rensa-variant-corporate .hero h1{font-size:clamp(44px,13vw,64px)} .rensa-variant-corporate .hero-copy{font-size:15px;color:#536459} .rensa-variant-corporate .solution-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none} .rensa-variant-corporate .solution-card{min-height:57vh} .rensa-variant-corporate .numbers-grid>*{border-right:0;border-bottom:1px solid #e6ece7} } /* === RENSA Corporate Plus v0.1.0-alpha5 — visual density, premium forms, project hover gallery, live RD map === */ .rensa-variant-corporate{--corp-green:#0e8a45;--corp-deep:#062619;--corp-deep2:#0a3a25;--corp-mint:#bff4cf;--corp-sky:#dff5ff;--corp-gold:#d9b36c} /* Hero: full-bleed photography, white type, subtle executive green/charcoal treatment. */ .rensa-variant-corporate .corporate-hero{background:#061c12;color:#fff} .rensa-variant-corporate .corporate-hero .hero-slide{background-color:#061c12;background-size:cover;background-position:center 52%;align-items:center} .rensa-variant-corporate .corporate-hero .hero-overlay{background:linear-gradient(90deg,rgba(2,22,13,.88) 0%,rgba(4,30,18,.70) 36%,rgba(5,31,19,.30) 66%,rgba(0,0,0,.06) 100%),linear-gradient(0deg,rgba(2,18,11,.55),transparent 52%)} .rensa-variant-corporate .corporate-hero .hero-grid{opacity:.10;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 72%,transparent)} .rensa-variant-corporate .corporate-hero .hero-content{width:min(1420px,calc(100% - 70px));margin:0 auto;padding:7vh 48% 0 0;color:#fff} .rensa-variant-corporate .corporate-hero .hero h1,.rensa-variant-corporate .corporate-hero h1{color:#fff;text-shadow:0 10px 35px rgba(0,0,0,.22);max-width:780px} .rensa-variant-corporate .corporate-hero .hero-copy{color:rgba(255,255,255,.88);max-width:630px} .rensa-variant-corporate .corporate-hero .eyebrow{color:#78e39a} .rensa-variant-corporate .corporate-hero .button-primary{background:#16a657;color:#fff;box-shadow:0 16px 40px rgba(5,155,76,.28)} .rensa-variant-corporate .corporate-hero .button-glass{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.42);color:#fff} .rensa-variant-corporate .hero-facts{position:absolute;z-index:4;right:max(34px,5vw);bottom:10vh;display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:1px;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.22);border-radius:18px;overflow:hidden;backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.18)} .rensa-variant-corporate .hero-facts>div{min-width:145px;padding:18px 22px;background:rgba(4,30,18,.54);display:flex;flex-direction:column} .rensa-variant-corporate .hero-facts strong{font-size:27px;line-height:1;color:#fff} .rensa-variant-corporate .hero-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.68);margin-top:6px} .rensa-variant-corporate .corporate-hero .hero-index{color:rgba(255,255,255,.08)} /* Every home scene owns the viewport; no dead white zones between snap points. */ .home.rensa-variant-corporate .rensa-screen{padding-top:clamp(86px,8vh,120px);padding-bottom:clamp(38px,4.8vh,72px)} .home.rensa-variant-corporate .corporate-hero,.home.rensa-variant-corporate .history-portal{padding:0} /* Numbers becomes an image-driven corporate impact screen. */ .rensa-variant-corporate .numbers-photo{isolation:isolate;background-image:var(--numbers-image);background-size:cover;background-position:center;color:#fff} .rensa-variant-corporate .numbers-photo-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,29,17,.92),rgba(4,37,21,.78) 48%,rgba(3,31,18,.38)),linear-gradient(0deg,rgba(2,24,14,.52),rgba(2,24,14,.12))} .rensa-variant-corporate .numbers-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 78%)} .rensa-variant-corporate .numbers-photo-inner{display:grid;grid-template-columns:1.05fr 1.45fr;gap:clamp(50px,8vw,130px);align-items:center} .rensa-variant-corporate .numbers-photo .numbers-intro h2{font-size:clamp(46px,5.2vw,82px);color:#fff;max-width:620px} .rensa-variant-corporate .numbers-photo .numbers-intro p{max-width:540px;color:rgba(255,255,255,.72);font-size:18px} .rensa-variant-corporate .numbers-photo-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px} .rensa-variant-corporate .numbers-photo-stats .stat{min-height:190px;padding:28px;border:1px solid rgba(255,255,255,.20);border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(13px);box-shadow:0 24px 55px rgba(0,0,0,.12);transition:.35s} .rensa-variant-corporate .numbers-photo-stats .stat:hover{transform:translateY(-5px);background:rgba(255,255,255,.16)} .rensa-variant-corporate .numbers-photo-stats .stat strong{color:#8befa5;font-size:clamp(48px,5vw,74px)} .rensa-variant-corporate .numbers-photo-stats .stat span{color:rgba(255,255,255,.70)} /* Solutions: warmer corporate surface, bigger photography, denser composition. */ .rensa-variant-corporate .solutions-premium{background:radial-gradient(circle at 88% 10%,rgba(83,196,118,.14),transparent 30%),radial-gradient(circle at 4% 90%,rgba(38,126,82,.11),transparent 32%),linear-gradient(135deg,#f3f8f4,#eaf4ed);overflow:hidden} .rensa-variant-corporate .solutions-orb{position:absolute;border-radius:50%;filter:blur(4px);border:1px solid rgba(12,120,60,.12);pointer-events:none}.rensa-variant-corporate .orb-one{width:520px;height:520px;right:-160px;top:-210px}.rensa-variant-corporate .orb-two{width:380px;height:380px;left:-150px;bottom:-200px} .rensa-variant-corporate .solutions-premium .section-heading{position:relative;z-index:2} .rensa-variant-corporate .solutions-premium .section-heading h2{max-width:800px;color:#092b1b} .rensa-variant-corporate .solutions-premium .section-heading>p{color:#53695b} .rensa-variant-corporate .solutions-premium .solution-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;border:0} .rensa-variant-corporate .solutions-premium .solution-card{min-height:430px;padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(12,57,31,.09)} .rensa-variant-corporate .solutions-premium .solution-media{height:58%;position:absolute;inset:0 0 auto;background-image:linear-gradient(0deg,rgba(5,27,16,.48),transparent 52%),var(--solution-image);background-size:cover;background-position:center;transition:transform .55s cubic-bezier(.2,.75,.2,1)} .rensa-variant-corporate .solutions-premium .solution-card-content{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 22px;background:#fff;z-index:2;min-height:44%} .rensa-variant-corporate .solutions-premium .solution-card-content>span{font-size:10px;letter-spacing:.18em;color:#0f8c47;font-weight:900} .rensa-variant-corporate .solutions-premium .solution-card h3{font-size:20px;margin:8px 0 7px;color:#092b1b} .rensa-variant-corporate .solutions-premium .solution-card p{font-size:12px;line-height:1.45;color:#65746a;margin:0;padding-right:20px} .rensa-variant-corporate .solutions-premium .solution-card>a{z-index:5;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eaf6ed;border:1px solid #cfe6d5;color:#0d8c45;right:14px;bottom:14px;font-size:18px} .rensa-variant-corporate .solutions-premium .solution-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(10,61,32,.16)} .rensa-variant-corporate .solutions-premium .solution-card:hover .solution-media{transform:scale(1.055)} /* Project gallery inspired by expanding editorial hero carousels. */ .rensa-variant-corporate .projects-showcase{background:linear-gradient(135deg,#061e13,#0a3521);color:#fff;overflow:hidden} .rensa-variant-corporate .project-showcase-shell{display:flex;flex-direction:column;height:100%;justify-content:center} .rensa-variant-corporate .project-showcase-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:28px} .rensa-variant-corporate .project-showcase-heading h2{font-size:clamp(42px,4.5vw,72px);line-height:.96;letter-spacing:-.05em;margin:15px 0 0;max-width:820px} .rensa-variant-corporate .project-showcase-copy p{color:rgba(255,255,255,.65);margin:0;max-width:470px} .rensa-variant-corporate .project-showcase-copy .text-link{margin-top:14px;color:#79e49c} .rensa-variant-corporate .project-hover-gallery{display:flex;gap:10px;height:clamp(390px,50vh,580px);min-height:0;overflow:hidden} .rensa-variant-corporate .project-panel{position:relative;flex:1 1 0;min-width:0;border-radius:18px;overflow:hidden;background-image:var(--project-panel-image);background-size:cover;background-position:center;transition:flex .58s cubic-bezier(.18,.72,.18,1),transform .5s ease,filter .45s;filter:saturate(.92) contrast(1.03)} .rensa-variant-corporate .project-panel.is-featured{flex:1.35 1 0} .rensa-variant-corporate .project-hover-gallery:hover .project-panel{flex:.82 1 0;filter:saturate(.7) brightness(.78)} .rensa-variant-corporate .project-hover-gallery .project-panel:hover{flex:2.35 1 0;filter:saturate(1.08) brightness(1);transform:translateY(-2px)} .rensa-variant-corporate .project-panel>a{position:absolute;inset:0;display:block} .rensa-variant-corporate .project-panel-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,18,10,.88) 0%,rgba(2,22,12,.35) 48%,rgba(2,22,12,.05) 80%)} .rensa-variant-corporate .project-panel-number{position:absolute;top:19px;left:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);background:rgba(4,26,15,.26);backdrop-filter:blur(8px);font-size:10px;font-weight:900;letter-spacing:.10em} .rensa-variant-corporate .project-panel-content{position:absolute;left:22px;right:22px;bottom:20px;transform:translateY(28px);transition:.48s cubic-bezier(.2,.75,.2,1)} .rensa-variant-corporate .project-panel:hover .project-panel-content,.rensa-variant-corporate .project-panel.is-featured .project-panel-content{transform:none} .rensa-variant-corporate .project-panel-content>span:first-child{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#78e599} .rensa-variant-corporate .project-panel h3{font-size:clamp(20px,2vw,31px);line-height:1;margin:8px 0 14px;letter-spacing:-.03em;white-space:normal} .rensa-variant-corporate .project-panel-meta{display:flex;gap:8px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:.4s .08s} .rensa-variant-corporate .project-panel:hover .project-panel-meta,.rensa-variant-corporate .project-panel.is-featured .project-panel-meta{opacity:1;transform:none} .rensa-variant-corporate .project-panel-meta b{font-size:10px;font-weight:700;padding:7px 9px;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:rgba(255,255,255,.08)} .rensa-variant-corporate .project-panel-arrow{position:absolute;right:0;bottom:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#21a85c;color:#fff;font-size:19px} /* Map: collage wall behind a live, project-driven Dominican Republic panel. */ .rensa-variant-corporate .map-collage-section{background:#051b11;color:#fff;isolation:isolate;overflow:hidden} .rensa-variant-corporate .map-collage{position:absolute;inset:-4%;z-index:-3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;transform:scale(1.04)} .rensa-variant-corporate .map-collage span{background-image:var(--collage-image);background-size:cover;background-position:center;filter:saturate(.95) contrast(1.05)} .rensa-variant-corporate .map-collage-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,27,16,.96) 0%,rgba(4,39,23,.86) 42%,rgba(4,31,19,.68) 100%),linear-gradient(0deg,rgba(3,24,14,.70),rgba(3,24,14,.26));backdrop-filter:blur(1px)} .rensa-variant-corporate .map-layout-premium{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(44px,6vw,90px);position:relative;z-index:2} .rensa-variant-corporate .map-layout-premium .map-copy h2{font-size:clamp(46px,5vw,80px);color:#fff} .rensa-variant-corporate .map-layout-premium .map-copy p{color:rgba(255,255,255,.68);max-width:560px} .rensa-variant-corporate .province-ranking{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);max-width:520px} .rensa-variant-corporate .province-ranking>strong{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7be39a;margin-bottom:10px} .rensa-variant-corporate .province-ranking ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px} .rensa-variant-corporate .province-ranking li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:12px} .rensa-variant-corporate .province-ranking li b{color:#86e8a2} .rensa-variant-corporate .province-empty{font-size:12px!important;color:rgba(255,255,255,.55)!important} .rensa-variant-corporate .rd-map-card{position:relative;min-height:clamp(450px,60vh,650px);border:1px solid rgba(255,255,255,.20);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(50,187,100,.18),transparent 42%),rgba(3,27,16,.62);backdrop-filter:blur(18px);box-shadow:0 36px 100px rgba(0,0,0,.25);overflow:hidden} .rensa-variant-corporate .rd-map-card:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(123,227,154,.14);box-shadow:0 0 0 70px rgba(123,227,154,.025),0 0 0 140px rgba(123,227,154,.018)} .rensa-variant-corporate .rd-map-svg{position:absolute;inset:10% 4% 8%;width:92%;height:82%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.26))} .rensa-variant-corporate .province-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);z-index:5;transform:translate(-50%,-50%);background:none;border:0;color:#fff;cursor:pointer;padding:0} .rensa-variant-corporate .province-pin i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:4px solid #22b660;box-shadow:0 0 0 8px rgba(55,218,112,.18),0 0 25px rgba(69,255,135,.65)} .rensa-variant-corporate .province-pin span{position:absolute;left:18px;top:-11px;white-space:nowrap;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(3,27,16,.86);backdrop-filter:blur(10px);font-size:10px;font-weight:750;opacity:.86;transition:.25s} .rensa-variant-corporate .province-pin span b{margin-left:8px;color:#7be49a} .rensa-variant-corporate .province-pin:hover span{opacity:1;transform:translateY(-2px)} .rensa-variant-corporate .rd-map-legend{position:absolute;left:24px;bottom:20px;font-size:10px;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;gap:8px;align-items:center}.rensa-variant-corporate .rd-map-legend span{width:8px;height:8px;border-radius:50%;background:#6fe492;box-shadow:0 0 16px #6fe492} /* Calculator: giant daylight background, white copy, glass control surface. */ .rensa-variant-corporate .calculator-photo{isolation:isolate;background-image:var(--calc-image);background-size:cover;background-position:center;color:#fff} .rensa-variant-corporate .calculator-photo-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,28,16,.90),rgba(4,34,20,.68) 48%,rgba(4,32,19,.40)),linear-gradient(0deg,rgba(3,22,13,.44),rgba(3,22,13,.18))} .rensa-variant-corporate .calculator-photo .calculator-copy h2{color:#fff;font-size:clamp(50px,5vw,80px)} .rensa-variant-corporate .calculator-photo .calculator-copy p{color:rgba(255,255,255,.72);font-size:18px} .rensa-variant-corporate .calculator-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.rensa-variant-corporate .calculator-trust span{padding:9px 12px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;color:rgba(255,255,255,.84)} .rensa-variant-corporate .calculator-glass{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.68);box-shadow:0 35px 100px rgba(0,0,0,.26);backdrop-filter:blur(22px);border-radius:24px;padding:34px;color:#092719} .rensa-variant-corporate .calc-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2ebe5;padding-bottom:18px;margin-bottom:22px}.rensa-variant-corporate .calc-card-head span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#0c8743}.rensa-variant-corporate .calc-card-head b{font-size:20px;letter-spacing:.08em} .rensa-variant-corporate .calculator-glass input[type=range]{accent-color:#0d9248}.rensa-variant-corporate .calculator-glass select{background:#f5f8f6;border:1px solid #dce7df;border-radius:12px;padding:13px 14px} .rensa-variant-corporate .calculator-glass .calc-results>div{background:#eef5f0;border-radius:14px;padding:16px}.rensa-variant-corporate .calculator-glass .button-primary{background:#0d9348;color:#fff;border-radius:12px;min-height:52px} /* History portal: interactive high-tech teaser to the internal timeline. */ .rensa-variant-corporate .history-portal{background:#041c12;color:#fff} .rensa-variant-corporate .history-portal .history-link{height:100%;min-height:100%;display:block;position:relative;overflow:hidden} .rensa-variant-corporate .history-portal .history-link-bg{background-image:linear-gradient(90deg,rgba(2,24,14,.88) 0%,rgba(4,36,20,.62) 42%,rgba(4,32,19,.22) 78%),var(--history-link-image)!important;background-size:cover!important;background-position:center!important;filter:saturate(1.08) brightness(1.08)} .rensa-variant-corporate .history-tech-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.38) 68%,transparent)} .rensa-variant-corporate .history-portal-inner{position:relative;z-index:2;height:100%;display:grid!important;grid-template-columns:.82fr 1.18fr;align-items:center!important;gap:70px} .rensa-variant-corporate .history-portal-copy h2{font-size:clamp(56px,6.2vw,98px);line-height:.88;letter-spacing:-.06em;margin:20px 0 24px;max-width:720px;color:#fff} .rensa-variant-corporate .history-portal-copy p{max-width:560px;color:rgba(255,255,255,.72);font-size:18px}.rensa-variant-corporate .history-explore{display:flex;align-items:center;gap:13px;margin-top:28px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rensa-variant-corporate .history-explore i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-style:normal;color:#7ae39a;transition:.3s}.rensa-variant-corporate .history-link:hover .history-explore i{background:#1cac59;color:#fff;border-color:#1cac59;transform:translateX(5px)} .rensa-variant-corporate .history-mini-timeline{position:relative;height:64vh;min-height:470px} .rensa-variant-corporate .history-line{position:absolute;left:6%;right:3%;bottom:14%;height:3px;background:linear-gradient(90deg,#38d979,#8df2aa);transform:rotate(-12deg);transform-origin:left center;box-shadow:0 0 24px rgba(70,255,135,.8)} .rensa-variant-corporate .history-node{position:absolute;width:190px;padding:16px 16px 16px 18px;border:1px solid rgba(116,235,153,.34);border-radius:16px;background:rgba(3,32,18,.58);backdrop-filter:blur(17px);box-shadow:0 24px 70px rgba(0,0,0,.18);transition:.42s cubic-bezier(.2,.75,.2,1)} .rensa-variant-corporate .history-node:hover{transform:translateY(-10px) scale(1.035);background:rgba(4,45,25,.72);box-shadow:0 30px 80px rgba(0,0,0,.27),0 0 35px rgba(80,240,130,.15)} .rensa-variant-corporate .history-node i{position:absolute;left:50%;bottom:-56px;width:13px;height:13px;border-radius:50%;background:#fff;border:4px solid #28c66a;box-shadow:0 0 0 8px rgba(64,225,113,.15),0 0 26px #44e17d} .rensa-variant-corporate .history-node strong{display:block;font-size:28px;line-height:1;color:#fff}.rensa-variant-corporate .history-node span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#78e399;margin-top:8px}.rensa-variant-corporate .history-node.n1{left:1%;bottom:16%}.rensa-variant-corporate .history-node.n2{left:27%;bottom:27%}.rensa-variant-corporate .history-node.n3{left:54%;bottom:39%}.rensa-variant-corporate .history-node.n4{right:0;bottom:52%} /* Premium lead form: no generic WordPress-form appearance. */ .rensa-variant-corporate .premium-lead{isolation:isolate;background-image:var(--lead-image);background-size:cover;background-position:center;color:#fff} .rensa-variant-corporate .lead-section-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,27,16,.94),rgba(3,35,20,.78) 45%,rgba(3,31,18,.52)),linear-gradient(0deg,rgba(2,23,13,.58),rgba(2,23,13,.20))} .rensa-variant-corporate .premium-lead .lead-layout{grid-template-columns:.80fr 1.20fr;gap:clamp(42px,6vw,90px);align-items:center;max-height:calc(var(--rensa-vh,100dvh) - 112px);overflow:auto;scrollbar-width:thin} .rensa-variant-corporate .lead-intro h2{font-size:clamp(48px,5.2vw,80px);line-height:.92;color:#fff}.rensa-variant-corporate .lead-intro p{color:rgba(255,255,255,.72);max-width:570px}.rensa-variant-corporate .lead-benefits{display:grid;gap:9px;margin-top:28px}.rensa-variant-corporate .lead-benefits span{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.82);font-size:12px}.rensa-variant-corporate .lead-benefits b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#79e79c;font-size:10px} .rensa-variant-corporate .premium-form-card{position:relative;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:32px;box-shadow:0 35px 110px rgba(0,0,0,.30);backdrop-filter:blur(22px);color:#0a291a} .rensa-variant-corporate .premium-form-badge{display:flex;align-items:center;gap:9px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e4ece7;font-size:10px;font-weight:900;letter-spacing:.14em;color:#0c8743}.rensa-variant-corporate .premium-form-badge span{width:8px;height:8px;border-radius:50%;background:#20b65e;box-shadow:0 0 0 6px rgba(32,182,94,.10)} .rensa-variant-corporate .rensa-lead-form{display:block}.rensa-variant-corporate .rensa-lead-form .rensa-assistant{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e8f6ed,#f6fbf7);border:1px solid #d5eadd;border-radius:16px;padding:13px 14px;margin-bottom:18px}.rensa-variant-corporate .rensa-lead-form .assistant-dot{width:10px;height:10px;border-radius:50%;background:#18aa55;box-shadow:0 0 0 6px rgba(24,170,85,.12)}.rensa-variant-corporate .rensa-lead-form .rensa-assistant strong{display:block;font-size:13px;color:#08351f}.rensa-variant-corporate .rensa-lead-form .rensa-assistant small{display:block;color:#698174;font-size:11px;margin-top:1px} .rensa-variant-corporate .rensa-lead-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.rensa-variant-corporate .rensa-lead-form label{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#315141;margin:0 0 13px}.rensa-variant-corporate .rensa-lead-form input:not([type=checkbox]),.rensa-variant-corporate .rensa-lead-form select,.rensa-variant-corporate .rensa-lead-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7e4dc;border-radius:13px;background:#f7faf8;color:#0a291a;outline:none;padding:13px 14px;min-height:48px;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;transition:border-color .2s,box-shadow .2s,background .2s}.rensa-variant-corporate .rensa-lead-form textarea{min-height:88px;resize:vertical}.rensa-variant-corporate .rensa-lead-form input:focus,.rensa-variant-corporate .rensa-lead-form select:focus,.rensa-variant-corporate .rensa-lead-form textarea:focus{border-color:#1aa357;background:#fff;box-shadow:0 0 0 4px rgba(26,163,87,.10)} .rensa-variant-corporate .rensa-lead-form .consent{display:flex;align-items:flex-start;gap:9px;text-transform:none;letter-spacing:0;font-weight:600;color:#65776d;font-size:11px;margin:2px 0 14px}.rensa-variant-corporate .rensa-lead-form .consent input{width:16px;height:16px;margin:1px 0 0;accent-color:#0f9549;flex:0 0 auto}.rensa-variant-corporate .rensa-lead-form .button.full{width:100%;min-height:52px;border-radius:13px;background:linear-gradient(135deg,#0d9348,#16ad59);color:#fff;font-size:13px;box-shadow:0 14px 32px rgba(12,147,72,.24)}.rensa-variant-corporate .rensa-lead-form .form-status{margin-top:10px;font-size:12px;font-weight:700;color:#0c8743} /* Entrance choreography for new alpha5 components. */ .home .rensa-screen .numbers-photo-inner>*,.home .rensa-screen .project-showcase-heading>*,.home .rensa-screen .project-panel,.home .rensa-screen .map-layout-premium>*,.home .rensa-screen .history-portal-copy,.home .rensa-screen .history-node,.home .rensa-screen .calculator-trust,.home .rensa-screen .premium-form-card{opacity:0;transform:translateY(28px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)} .home .rensa-screen.is-screen-active .numbers-photo-inner>*,.home .rensa-screen.is-screen-active .project-showcase-heading>*,.home .rensa-screen.is-screen-active .project-panel,.home .rensa-screen.is-screen-active .map-layout-premium>*,.home .rensa-screen.is-screen-active .history-portal-copy,.home .rensa-screen.is-screen-active .history-node,.home .rensa-screen.is-screen-active .calculator-trust,.home .rensa-screen.is-screen-active .premium-form-card{opacity:1;transform:none} .home .rensa-screen.is-screen-active .project-panel:nth-child(2),.home .rensa-screen.is-screen-active .history-node.n2{transition-delay:.07s}.home .rensa-screen.is-screen-active .project-panel:nth-child(3),.home .rensa-screen.is-screen-active .history-node.n3{transition-delay:.13s}.home .rensa-screen.is-screen-active .project-panel:nth-child(4),.home .rensa-screen.is-screen-active .history-node.n4{transition-delay:.19s}.home .rensa-screen.is-screen-active .project-panel:nth-child(5){transition-delay:.25s}.home .rensa-screen.is-screen-active .project-panel:nth-child(6){transition-delay:.31s} @media(max-width:1180px){ .rensa-variant-corporate .solutions-premium .solution-grid{grid-template-columns:repeat(3,1fr)} .rensa-variant-corporate .solutions-premium .solution-card{min-height:310px}.rensa-variant-corporate .solutions-premium .solution-media{height:54%} .rensa-variant-corporate .corporate-hero .hero-content{padding-right:38%} .rensa-variant-corporate .hero-facts{right:28px;bottom:30px;grid-template-columns:repeat(3,110px)}.rensa-variant-corporate .hero-facts>div{min-width:0;padding:14px}.rensa-variant-corporate .hero-facts strong{font-size:22px} .rensa-variant-corporate .history-node{width:160px}.rensa-variant-corporate .history-node.n1{left:0}.rensa-variant-corporate .history-node.n2{left:25%}.rensa-variant-corporate .history-node.n3{left:52%} } @media(max-width:760px){ .rensa-variant-corporate .corporate-hero .hero-slide{background-size:cover;background-position:58% center;align-items:center} .rensa-variant-corporate .corporate-hero .hero-overlay{background:linear-gradient(90deg,rgba(2,24,14,.90),rgba(3,27,16,.65) 68%,rgba(3,27,16,.35)),linear-gradient(0deg,rgba(2,20,12,.58),transparent 50%)} .rensa-variant-corporate .corporate-hero .hero-content{width:calc(100% - 34px);margin:0 auto;padding:70px 0 16vh;color:#fff} .rensa-variant-corporate .corporate-hero .hero h1{color:#fff;font-size:clamp(50px,14vw,74px)}.rensa-variant-corporate .corporate-hero .hero-copy{color:rgba(255,255,255,.82);font-size:15px} .rensa-variant-corporate .hero-facts{left:17px;right:17px;bottom:28px;grid-template-columns:repeat(3,1fr)}.rensa-variant-corporate .hero-facts>div{padding:11px}.rensa-variant-corporate .hero-facts strong{font-size:18px}.rensa-variant-corporate .hero-facts span{font-size:7px} .rensa-variant-corporate .numbers-photo-inner{grid-template-columns:1fr;gap:22px}.rensa-variant-corporate .numbers-photo .numbers-intro h2{font-size:clamp(42px,11vw,58px)}.rensa-variant-corporate .numbers-photo .numbers-intro p{font-size:14px}.rensa-variant-corporate .numbers-photo-stats{grid-template-columns:1fr 1fr;gap:9px}.rensa-variant-corporate .numbers-photo-stats .stat{min-height:105px;padding:14px}.rensa-variant-corporate .numbers-photo-stats .stat strong{font-size:34px}.rensa-variant-corporate .numbers-photo-stats .stat span{font-size:8px} .rensa-variant-corporate .solutions-premium .section-heading.split{display:block}.rensa-variant-corporate .solutions-premium .section-heading.split>p{margin-top:12px;font-size:13px}.rensa-variant-corporate .solutions-premium .solution-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.rensa-variant-corporate .solutions-premium .solution-card{min-height:58vh;scroll-snap-align:center}.rensa-variant-corporate .solutions-premium .solution-media{height:61%} .rensa-variant-corporate .project-showcase-heading{grid-template-columns:1fr;gap:8px;margin-bottom:18px}.rensa-variant-corporate .project-showcase-heading h2{font-size:clamp(40px,10.5vw,54px)}.rensa-variant-corporate .project-showcase-copy p{display:none}.rensa-variant-corporate .project-showcase-copy .text-link{margin-top:0;font-size:12px}.rensa-variant-corporate .project-hover-gallery{height:56vh;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px}.rensa-variant-corporate .project-hover-gallery::-webkit-scrollbar{display:none}.rensa-variant-corporate .project-panel,.rensa-variant-corporate .project-panel.is-featured,.rensa-variant-corporate .project-hover-gallery:hover .project-panel,.rensa-variant-corporate .project-hover-gallery .project-panel:hover{flex:0 0 82vw;filter:none;transform:none;scroll-snap-align:center}.rensa-variant-corporate .project-panel-content,.rensa-variant-corporate .project-panel:hover .project-panel-content{transform:none}.rensa-variant-corporate .project-panel-meta{opacity:1;transform:none} .rensa-variant-corporate .map-layout-premium{grid-template-columns:1fr;gap:18px}.rensa-variant-corporate .map-layout-premium .map-copy h2{font-size:clamp(38px,9.5vw,50px)}.rensa-variant-corporate .map-layout-premium .map-copy p{font-size:13px;margin:7px 0}.rensa-variant-corporate .province-ranking{margin-top:12px;padding-top:10px}.rensa-variant-corporate .province-ranking ol{display:flex;gap:10px;overflow-x:auto}.rensa-variant-corporate .province-ranking li{flex:0 0 auto;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 10px}.rensa-variant-corporate .rd-map-card{min-height:42vh;border-radius:20px}.rensa-variant-corporate .province-pin span{font-size:8px;padding:6px 7px}.rensa-variant-corporate .province-pin.demo span{display:none} .rensa-variant-corporate .calculator-layout{grid-template-columns:1fr;gap:18px}.rensa-variant-corporate .calculator-photo .calculator-copy h2{font-size:clamp(39px,10vw,52px)}.rensa-variant-corporate .calculator-photo .calculator-copy p{font-size:13px;margin:8px 0}.rensa-variant-corporate .calculator-trust{display:none}.rensa-variant-corporate .calculator-glass{padding:20px;border-radius:19px}.rensa-variant-corporate .calculator-glass .calc-results{grid-template-columns:1fr 1fr}.rensa-variant-corporate .calculator-glass .calc-results>div:last-child{grid-column:1/-1} .rensa-variant-corporate .history-portal-inner{grid-template-columns:1fr;gap:14px;padding-top:88px!important;padding-bottom:30px!important;align-content:center}.rensa-variant-corporate .history-portal-copy h2{font-size:clamp(48px,12vw,68px)}.rensa-variant-corporate .history-portal-copy p{font-size:13px;max-width:90%}.rensa-variant-corporate .history-mini-timeline{height:34vh;min-height:230px}.rensa-variant-corporate .history-node{width:118px;padding:10px}.rensa-variant-corporate .history-node strong{font-size:20px}.rensa-variant-corporate .history-node span{font-size:7px}.rensa-variant-corporate .history-node i{bottom:-35px}.rensa-variant-corporate .history-node.n1{left:0;bottom:10%}.rensa-variant-corporate .history-node.n2{left:25%;bottom:23%}.rensa-variant-corporate .history-node.n3{left:51%;bottom:36%}.rensa-variant-corporate .history-node.n4{right:0;bottom:49%}.rensa-variant-corporate .history-line{bottom:10%;transform:rotate(-15deg)} .rensa-variant-corporate .premium-lead .lead-layout{grid-template-columns:1fr;gap:18px;max-height:calc(var(--rensa-vh,100svh) - 96px);padding-bottom:18px}.rensa-variant-corporate .lead-intro h2{font-size:clamp(40px,10vw,50px)}.rensa-variant-corporate .lead-intro p,.rensa-variant-corporate .lead-benefits{display:none}.rensa-variant-corporate .premium-form-card{padding:18px;border-radius:20px}.rensa-variant-corporate .premium-form-badge{margin-bottom:12px;padding-bottom:12px}.rensa-variant-corporate .rensa-lead-form .rensa-assistant{padding:10px;margin-bottom:12px}.rensa-variant-corporate .rensa-lead-form .form-grid{grid-template-columns:1fr 1fr;gap:8px}.rensa-variant-corporate .rensa-lead-form label{font-size:8px;margin-bottom:8px}.rensa-variant-corporate .rensa-lead-form input:not([type=checkbox]),.rensa-variant-corporate .rensa-lead-form select,.rensa-variant-corporate .rensa-lead-form textarea{min-height:41px;padding:9px 10px;font-size:12px;margin-top:4px;border-radius:10px}.rensa-variant-corporate .rensa-lead-form textarea{min-height:65px}.rensa-variant-corporate .rensa-lead-form .consent{font-size:9px;margin-bottom:9px}.rensa-variant-corporate .rensa-lead-form .button.full{min-height:44px} } @media(prefers-reduced-motion:reduce){.rensa-variant-corporate .project-panel,.rensa-variant-corporate .history-node,.rensa-variant-corporate .solutions-premium .solution-card,.rensa-variant-corporate .solutions-premium .solution-media{transition:none!important}} @media(max-width:520px){ .rensa-variant-corporate .rensa-lead-form .form-grid{grid-template-columns:1fr} .rensa-variant-corporate .premium-lead .lead-layout{max-height:calc(var(--rensa-vh,100svh) - 88px);overflow:auto;overscroll-behavior:contain;padding-right:2px} .rensa-variant-corporate .premium-form-card{padding:16px} .rensa-variant-corporate .rensa-lead-form textarea{min-height:58px} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha6 — PREMIUM PLUS VISUAL CLOSEOUT ======================================================================== */ .rensa-variant-corporate{ --green:#43b02a; --green2:#77d23e; --rensa-blue:#075f91; --rensa-blue-deep:#043a5d; --rensa-blue-ink:#032b45; --rensa-orange:#f47a22; --corp-radius:12px; } /* Official RENSA identity */ .rensa-variant-corporate .site-header{height:78px;background:rgba(255,255,255,.985);color:#0a2d1d;box-shadow:0 1px 0 rgba(8,62,36,.12);backdrop-filter:blur(16px)} .rensa-variant-corporate .header-shell{height:78px;padding:10px 34px} .rensa-variant-corporate .brand-official{display:flex;align-items:center;background:#fff;border-radius:8px;padding:3px 8px 3px 4px;line-height:0;box-shadow:0 8px 24px rgba(10,48,29,.05)} .rensa-variant-corporate .rensa-official-logo{height:54px;width:auto;max-width:min(290px,26vw);object-fit:contain} .rensa-variant-corporate .desktop-nav a{color:#0b2a1c;font-size:11px;letter-spacing:.09em;font-weight:850;transition:color .25s ease} .rensa-variant-corporate .desktop-nav a:hover{color:var(--green)} .rensa-variant-corporate .language-switcher a{color:#315444} .rensa-variant-corporate .header-cta{background:linear-gradient(135deg,var(--green),#249e42);color:#fff;border-radius:8px;padding:12px 20px;box-shadow:0 9px 24px rgba(41,158,65,.18);text-transform:uppercase;letter-spacing:.09em;font-size:10px} .rensa-variant-corporate .menu-toggle span{background:#123d2b} /* Premium corporate button system */ .rensa-variant-corporate .button, .rensa-variant-corporate .header-cta{ min-height:50px;border-radius:10px;padding:0 24px;font-size:11px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;gap:12px;position:relative;overflow:hidden;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,background .42s ease,border-color .42s ease,color .42s ease; } .rensa-variant-corporate .button:after{content:"↗";font-size:14px;line-height:1;transition:transform .42s cubic-bezier(.16,1,.3,1)} .rensa-variant-corporate .button:hover:after{transform:translate(3px,-3px)} .rensa-variant-corporate .button-primary{background:linear-gradient(135deg,#42b531,#1b9849);color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 36px rgba(24,138,66,.28)} .rensa-variant-corporate .button-primary:hover{background:linear-gradient(135deg,#54c83c,#20a552);transform:translateY(-2px);box-shadow:0 20px 46px rgba(24,138,66,.34)} .rensa-variant-corporate .button-glass{background:rgba(4,35,25,.28);border:1px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)} .rensa-variant-corporate .button-glass:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-2px)} /* Hero: balanced editorial typography, giant daytime visual */ .rensa-variant-corporate .corporate-hero{min-height:100dvh;height:100dvh} .rensa-variant-corporate .corporate-hero .hero-slide{background-size:cover;background-position:center 48%} .rensa-variant-corporate .corporate-hero .hero-overlay{background:linear-gradient(90deg,rgba(2,30,20,.84) 0%,rgba(3,42,28,.55) 44%,rgba(3,37,26,.16) 72%,rgba(3,37,26,.05) 100%),linear-gradient(0deg,rgba(0,22,14,.58),transparent 52%)} .rensa-variant-corporate .corporate-hero .hero-content{width:min(1380px,calc(100% - 90px));margin:0 auto 10vh;padding-right:33vw} .rensa-variant-corporate .corporate-hero .hero h1{font-size:clamp(64px,6.5vw,108px);line-height:.92;letter-spacing:-.055em;max-width:930px;text-wrap:balance;margin:20px 0 22px;color:#fff} .rensa-variant-corporate .corporate-hero .hero-copy{max-width:650px;font-size:clamp(16px,1.2vw,20px);color:rgba(255,255,255,.84)} .rensa-variant-corporate .corporate-hero .eyebrow{color:#78e49b} .rensa-variant-corporate .hero-buttons{gap:14px;margin-top:30px} /* Solutions: blue energy field + low-opacity solar background */ .rensa-variant-corporate .solutions-premium{position:relative;isolation:isolate;background:linear-gradient(125deg,#043a5d 0%,#075f91 58%,#08755e 100%);color:#fff;overflow:hidden} .rensa-variant-corporate .solutions-premium:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--solutions-bg);background-size:cover;background-position:center;opacity:.18;filter:saturate(.82) contrast(1.08)} .rensa-variant-corporate .solutions-premium:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(2,42,71,.88),rgba(6,86,112,.70) 55%,rgba(19,118,74,.72));} .rensa-variant-corporate .solutions-orb{border-color:rgba(119,210,62,.25)} .rensa-variant-corporate .solutions-premium .section-heading h2{color:#fff;max-width:860px;text-wrap:balance} .rensa-variant-corporate .solutions-premium .section-heading>p{color:rgba(255,255,255,.78);font-size:15px} .rensa-variant-corporate .solutions-premium .section-kicker{color:#85ec62} .rensa-variant-corporate .solutions-premium .solution-card{background:rgba(255,255,255,.96);box-shadow:0 26px 60px rgba(1,33,55,.23);border:1px solid rgba(255,255,255,.45);transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1)} .rensa-variant-corporate .solutions-premium .solution-card:hover{transform:translateY(-9px);box-shadow:0 38px 90px rgba(0,29,53,.32)} .rensa-variant-corporate .solutions-premium .solution-media{transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .8s ease} .rensa-variant-corporate .solutions-premium .solution-card:hover .solution-media{transform:scale(1.075);filter:saturate(1.06)} .rensa-variant-corporate .solutions-premium .solution-card>a{border-radius:10px;background:linear-gradient(135deg,#eff9f0,#e2f5e8);color:#128d48} /* Tesla Powerwall — full-screen corporate product story */ .rensa-variant-corporate .powerwall-section{position:relative;isolation:isolate;color:#fff;background:#052d49;overflow:hidden} .rensa-variant-corporate .powerwall-section:before{content:"";position:absolute;inset:0;z-index:-3;background-image:var(--powerwall-bg);background-size:cover;background-position:center;transform:scale(1.02)} .rensa-variant-corporate .powerwall-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,38,61,.96) 0%,rgba(4,59,81,.83) 46%,rgba(3,45,42,.48) 72%,rgba(4,38,32,.20) 100%),linear-gradient(0deg,rgba(1,30,48,.62),transparent 60%)} .rensa-variant-corporate .powerwall-grid{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 80%)} .rensa-variant-corporate .powerwall-layout{height:100%;display:grid;grid-template-columns:1.1fr .72fr;align-items:center;gap:clamp(55px,8vw,140px);padding-top:92px;padding-bottom:42px} .rensa-variant-corporate .powerwall-copy{max-width:760px} .rensa-variant-corporate .powerwall-copy .section-kicker{color:#7ce85b} .rensa-variant-corporate .powerwall-copy h2{font-size:clamp(52px,5.7vw,94px);line-height:.91;letter-spacing:-.055em;text-wrap:balance;margin:20px 0 26px} .rensa-variant-corporate .powerwall-copy p{font-size:clamp(16px,1.25vw,20px);color:rgba(255,255,255,.78);max-width:650px} .rensa-variant-corporate .powerwall-points{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 32px} .rensa-variant-corporate .powerwall-points span{padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800} .rensa-variant-corporate .powerwall-product-card{justify-self:end;width:min(440px,100%);background:rgba(255,255,255,.94);color:#0b291c;border-radius:24px;padding:18px;border:1px solid rgba(255,255,255,.72);box-shadow:0 40px 110px rgba(0,20,35,.36);transform:perspective(1000px) rotateY(-5deg);transition:transform .8s cubic-bezier(.16,1,.3,1)} .rensa-variant-corporate .powerwall-product-card:hover{transform:perspective(1000px) rotateY(0) translateY(-6px)} .rensa-variant-corporate .powerwall-product-card img{width:100%;max-height:54vh;object-fit:contain;border-radius:15px;background:#fff} .rensa-variant-corporate .powerwall-product-label{display:block;font-size:9px;font-weight:900;letter-spacing:.18em;color:#1a8f4c;margin:4px 4px 12px} .rensa-variant-corporate .powerwall-product-card>div{display:flex;justify-content:space-between;gap:14px;align-items:end;padding:13px 6px 4px} .rensa-variant-corporate .powerwall-product-card strong{font-size:25px;letter-spacing:.10em}.rensa-variant-corporate .powerwall-product-card small{color:#66776d;text-align:right} /* Projects: slow, symmetric, editorial expansion */ .rensa-variant-corporate .projects-showcase{background:linear-gradient(120deg,#032c49 0%,#064c65 46%,#0a4935 100%)} .rensa-variant-corporate .project-hover-gallery{display:flex;gap:12px;height:clamp(410px,53vh,610px);overflow:hidden;align-items:stretch} .rensa-variant-corporate .project-panel, .rensa-variant-corporate .project-panel.is-featured, .rensa-variant-corporate .project-hover-gallery:hover .project-panel, .rensa-variant-corporate .project-hover-gallery .project-panel:hover{ flex-basis:0;flex-grow:1;flex-shrink:1;transform:none;filter:saturate(.90) brightness(.90);border-radius:18px;will-change:flex-grow,filter,opacity; transition:flex-grow 1.05s cubic-bezier(.16,1,.3,1),filter .95s cubic-bezier(.16,1,.3,1),opacity .95s ease,box-shadow .95s ease,border-radius .95s ease; } .rensa-variant-corporate .project-panel.is-featured{flex-grow:1.48;filter:saturate(1) brightness(.98)} .rensa-variant-corporate .project-hover-gallery.has-active .project-panel{flex-grow:.72!important;filter:saturate(.70) brightness(.64);opacity:.82} .rensa-variant-corporate .project-hover-gallery.has-active .project-panel.is-active{flex-grow:4.15!important;filter:saturate(1.08) brightness(1.02);opacity:1;box-shadow:0 32px 80px rgba(0,12,22,.34)} .rensa-variant-corporate .project-panel-content{transform:translateY(20px);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .75s ease} .rensa-variant-corporate .project-panel.is-active .project-panel-content,.rensa-variant-corporate .project-panel.is-featured:not(.is-muted) .project-panel-content{transform:none} .rensa-variant-corporate .project-panel-meta{transition:opacity .7s .12s ease,transform .8s .12s cubic-bezier(.16,1,.3,1)} .rensa-variant-corporate .project-panel.is-active .project-panel-meta,.rensa-variant-corporate .project-panel.is-featured:not(.is-muted) .project-panel-meta{opacity:1;transform:none} .rensa-variant-corporate .project-panel-shade{background:linear-gradient(0deg,rgba(0,20,31,.90) 0%,rgba(2,35,42,.40) 48%,rgba(4,50,55,.06) 82%);transition:background .9s ease} .rensa-variant-corporate .project-hover-gallery.has-active .project-panel:not(.is-active) .project-panel-content{opacity:.70} /* Real Dominican Republic map + province concentration */ .rensa-variant-corporate .map-collage-overlay{background:linear-gradient(90deg,rgba(2,33,56,.96) 0%,rgba(3,58,78,.89) 44%,rgba(6,64,55,.78) 100%),linear-gradient(0deg,rgba(2,29,45,.72),rgba(2,29,45,.30))} .rensa-variant-corporate .rd-map-card{background:linear-gradient(145deg,rgba(3,38,61,.78),rgba(3,65,58,.67));border-color:rgba(255,255,255,.25);box-shadow:0 40px 110px rgba(0,18,34,.35)} .rensa-variant-corporate .rd-map-card:before{border-color:rgba(103,228,141,.13);box-shadow:0 0 0 70px rgba(57,174,104,.025),0 0 0 140px rgba(56,131,183,.025)} .rensa-variant-corporate .rd-map-surface{position:absolute;inset:8% 5% 9%;display:grid;place-items:center;filter:drop-shadow(0 28px 42px rgba(0,0,0,.32))} .rensa-variant-corporate .rd-map-real{width:100%;height:100%;object-fit:contain;opacity:.90;filter:sepia(.30) saturate(1.8) hue-rotate(80deg) brightness(1.18)} .rensa-variant-corporate .province-pin i{background:#fff;border-color:#49c83e;box-shadow:0 0 0 8px rgba(73,200,62,.17),0 0 26px rgba(94,238,94,.65)} .rensa-variant-corporate .province-pin span{background:rgba(2,36,55,.91);border-color:rgba(255,255,255,.24);box-shadow:0 12px 30px rgba(0,0,0,.20)} .rensa-variant-corporate .rd-map-credit{position:absolute;right:22px;bottom:17px;color:rgba(255,255,255,.33);font-size:8px;letter-spacing:.04em} /* Premium lead form */ .rensa-variant-corporate .premium-lead .lead-section-overlay{background:linear-gradient(90deg,rgba(2,31,51,.95),rgba(3,57,69,.79) 48%,rgba(8,77,56,.70))} .rensa-variant-corporate .premium-form-card{background:rgba(255,255,255,.965);border:1px solid rgba(255,255,255,.75);border-radius:24px;padding:32px;box-shadow:0 42px 110px rgba(0,25,43,.32);backdrop-filter:blur(18px)} .rensa-variant-corporate .premium-form-badge{font-size:9px;letter-spacing:.16em;color:#0d6c47} .rensa-variant-corporate .rensa-lead-form .rensa-assistant{background:linear-gradient(135deg,#eef8f3,#edf6fb);border:1px solid #d5ebe1;border-radius:15px;padding:15px} .rensa-variant-corporate .rensa-lead-form .assistant-dot{background:#46bb36;box-shadow:0 0 0 6px rgba(70,187,54,.14)} .rensa-variant-corporate .rensa-lead-form label{color:#254738;font-size:9px;letter-spacing:.12em} .rensa-variant-corporate .rensa-lead-form input:not([type=checkbox]),.rensa-variant-corporate .rensa-lead-form select,.rensa-variant-corporate .rensa-lead-form textarea{background:#f8fbf9;border:1px solid #d9e8df;border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease} .rensa-variant-corporate .rensa-lead-form input:focus,.rensa-variant-corporate .rensa-lead-form select:focus,.rensa-variant-corporate .rensa-lead-form textarea:focus{outline:0;background:#fff;border-color:#45b634;box-shadow:0 0 0 4px rgba(69,182,52,.12)} .rensa-variant-corporate .rensa-lead-form .button.full{border-radius:10px;background:linear-gradient(135deg,#43b02a,#168f4a);box-shadow:0 16px 36px rgba(24,143,72,.26)} /* Full-screen premium footer */ .rensa-variant-corporate .site-footer.footer-screen{position:relative;isolation:isolate;min-height:var(--rensa-vh,100svh);height:var(--rensa-vh,100svh);padding:0;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#032c49} .rensa-variant-corporate .footer-photo{position:absolute;inset:0;z-index:-3;background-image:var(--footer-image);background-size:cover;background-position:center;filter:saturate(.92)} .rensa-variant-corporate .footer-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(105deg,rgba(2,35,58,.97),rgba(3,61,74,.89) 50%,rgba(5,75,49,.86));} .rensa-variant-corporate .footer-premium-shell{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(55px,7vw,120px);align-items:center;padding-top:95px;padding-bottom:65px} .rensa-variant-corporate .footer-brand-block{max-width:760px} .rensa-variant-corporate .footer-official-logo{width:min(520px,75%);height:auto;background:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 20px 60px rgba(0,20,34,.22)} .rensa-variant-corporate .footer-kicker{display:block;color:#83ea61;margin-top:32px;font-size:10px;letter-spacing:.20em;font-weight:900} .rensa-variant-corporate .footer-brand-block h2{font-size:clamp(46px,5.1vw,82px);line-height:.94;letter-spacing:-.052em;text-wrap:balance;margin:17px 0 30px} .rensa-variant-corporate .footer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 34px;padding:36px;border:1px solid rgba(255,255,255,.18);background:rgba(3,35,46,.38);backdrop-filter:blur(18px);border-radius:22px} .rensa-variant-corporate .footer-info-grid h3{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#81e95f;margin:0 0 12px} .rensa-variant-corporate .footer-info-grid p,.rensa-variant-corporate .footer-info-grid a{color:rgba(255,255,255,.76);margin:0;line-height:1.85} .rensa-variant-corporate .footer-nav-col{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:26px}.rensa-variant-corporate .footer-nav-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px}.rensa-variant-corporate .footer-nav-col a{font-size:12px;font-weight:750}.rensa-variant-corporate .footer-quick{margin-top:14px!important} .rensa-variant-corporate .footer-bottom{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(1420px,calc(100% - 64px));margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.48)} /* Right-side point navigation */ .rensa-screen-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:1100;display:flex;flex-direction:column;gap:9px;padding:13px 9px;border-radius:999px;background:rgba(2,32,46,.18);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);transition:opacity .3s ease} .rensa-screen-nav button{appearance:none;width:8px;height:8px;border-radius:50%;padding:0;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.16);cursor:pointer;position:relative;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s} .rensa-screen-nav button:after{content:attr(aria-label);position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(8px);white-space:nowrap;background:rgba(2,35,49,.92);color:#fff;border:1px solid rgba(255,255,255,.14);padding:7px 10px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.25s} .rensa-screen-nav button:hover:after,.rensa-screen-nav button:focus-visible:after{opacity:1;transform:translateY(-50%) translateX(0)} .rensa-screen-nav button.is-active{transform:scale(1.55);background:#56ce38;border-color:#fff;box-shadow:0 0 0 5px rgba(86,206,56,.14),0 0 22px rgba(86,206,56,.5)} /* Bella Forma-style strict screen behavior */ html.rensa-home-snap{scroll-snap-type:y mandatory;scroll-padding-top:0} .home .rensa-screen{height:var(--rensa-vh,100svh);min-height:var(--rensa-vh,100svh);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden} html.rensa-timeline-snap{scroll-snap-type:y mandatory} .rensa-history-page .timeline-snap-scene{height:100dvh;min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden} .rensa-history-page .timeline-scene-grid{height:100%;padding-top:110px;padding-bottom:40px} .rensa-history-page .timeline-copy{max-height:calc(100dvh - 150px);overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(119,210,62,.4) transparent} @media(max-width:1180px){ .rensa-variant-corporate .rensa-official-logo{height:48px;max-width:230px} .rensa-variant-corporate .corporate-hero .hero-content{padding-right:25vw} .rensa-variant-corporate .powerwall-layout{grid-template-columns:1fr .65fr;gap:50px} } @media(max-width:760px){ .rensa-variant-corporate .site-header,.rensa-variant-corporate .header-shell{height:68px}.rensa-variant-corporate .header-shell{padding:8px 16px}.rensa-variant-corporate .rensa-official-logo{height:43px;max-width:225px}.rensa-variant-corporate .brand-official{padding:2px 5px} .rensa-variant-corporate .corporate-hero .hero-content{padding:76px 0 17vh;width:calc(100% - 38px)} .rensa-variant-corporate .corporate-hero .hero h1{font-size:clamp(48px,13.5vw,70px);line-height:.94;max-width:95%;text-wrap:balance} .rensa-variant-corporate .button{min-height:48px;padding:0 18px;font-size:10px}.rensa-variant-corporate .hero-buttons{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px} .rensa-variant-corporate .solutions-premium .section-heading h2{font-size:clamp(38px,10vw,52px)} .rensa-variant-corporate .powerwall-layout{grid-template-columns:1fr;gap:16px;padding-top:82px;padding-bottom:28px;align-content:center}.rensa-variant-corporate .powerwall-copy h2{font-size:clamp(42px,10.5vw,58px);margin:12px 0}.rensa-variant-corporate .powerwall-copy p{font-size:13px;margin:0}.rensa-variant-corporate .powerwall-points{margin:15px 0 18px}.rensa-variant-corporate .powerwall-points span{font-size:8px;padding:7px 8px}.rensa-variant-corporate .powerwall-product-card{justify-self:stretch;width:100%;display:grid;grid-template-columns:100px 1fr;align-items:center;padding:11px;border-radius:16px;transform:none}.rensa-variant-corporate .powerwall-product-card img{height:150px;grid-row:1/3;object-fit:contain}.rensa-variant-corporate .powerwall-product-label{align-self:end;margin:0 0 3px}.rensa-variant-corporate .powerwall-product-card>div{display:block;padding:0}.rensa-variant-corporate .powerwall-product-card strong{font-size:20px}.rensa-variant-corporate .powerwall-product-card small{display:block;text-align:left;font-size:9px} .rensa-variant-corporate .project-panel,.rensa-variant-corporate .project-panel.is-featured,.rensa-variant-corporate .project-hover-gallery.has-active .project-panel,.rensa-variant-corporate .project-hover-gallery.has-active .project-panel.is-active{flex:0 0 84vw!important;filter:none!important;opacity:1!important;transform:none!important;scroll-snap-align:center} .rensa-variant-corporate .rd-map-real{opacity:.88}.rensa-variant-corporate .rd-map-credit{font-size:6px;right:12px;bottom:8px} .rensa-screen-nav{right:8px;gap:7px;padding:9px 6px;background:rgba(2,32,46,.15)}.rensa-screen-nav button{width:7px;height:7px}.rensa-screen-nav button:after{display:none} .rensa-variant-corporate .footer-premium-shell{grid-template-columns:1fr;gap:24px;padding:88px 18px 68px}.rensa-variant-corporate .footer-official-logo{width:min(360px,78%)}.rensa-variant-corporate .footer-kicker{margin-top:16px}.rensa-variant-corporate .footer-brand-block h2{font-size:clamp(38px,10vw,52px);margin:10px 0 18px}.rensa-variant-corporate .footer-info-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px;border-radius:16px}.rensa-variant-corporate .footer-bottom{bottom:12px;width:calc(100% - 36px);font-size:9px} .rensa-history-page .timeline-snap-scene{height:100dvh;min-height:100dvh}.rensa-history-page .timeline-scene-grid{padding-top:84px;padding-bottom:18px;gap:18px}.rensa-history-page .timeline-visual{min-height:34dvh}.rensa-history-page .timeline-copy{max-height:calc(62dvh - 98px);overflow:auto} } @media(prefers-reduced-motion:reduce){ .rensa-variant-corporate .project-panel,.rensa-variant-corporate .powerwall-product-card,.rensa-screen-nav button{transition:none!important} } /* v0.1.0-alpha7 — Hero tri-slide, editorial news 3x3, map city pins, typographic breathing */ .rensa-variant-corporate .corporate-hero .hero h1, .rensa-variant-corporate .numbers-photo .numbers-intro h2, .rensa-variant-corporate .solutions-premium .section-heading h2, .rensa-variant-corporate .project-showcase-heading h2, .rensa-variant-corporate .map-copy h2, .rensa-variant-corporate .calculator-copy h2, .rensa-variant-corporate .history-portal-copy h2, .rensa-variant-corporate .lead-layout h2, .rensa-variant-corporate .footer-brand-block h2{letter-spacing:-.018em} .rensa-variant-corporate .corporate-hero .hero h1{max-width:1040px} .rensa-variant-corporate .numbers-photo .numbers-intro h2{max-width:700px} .rensa-variant-corporate .project-showcase-heading h2{max-width:940px} .rensa-variant-corporate .hero-progress{overflow:hidden}.rensa-variant-corporate .hero-progress i{width:100%;transform-origin:left;animation:rensaHeroProgress 4.5s linear infinite} @keyframes rensaHeroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}} /* Pins now live inside the same geometric surface as the real map image. */ .rensa-variant-corporate .rd-map-pins{position:absolute;inset:8% 5% 9%;z-index:4;pointer-events:none} .rensa-variant-corporate .rd-map-pins .province-pin{pointer-events:auto;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%)} .rensa-variant-corporate .rd-map-pins .province-pin span{white-space:nowrap} .rensa-variant-corporate .rd-map-pins .province-pin:hover{z-index:8} /* Actualidad: full-screen editorial press wall + 3 x 3 vertical news cards. */ .rensa-variant-corporate .news-editorial{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#eef7f7 0%,#e9f4ef 45%,#eef4fb 100%);color:#08271a;padding:0} .rensa-variant-corporate .news-press-bg{position:absolute;inset:0;overflow:hidden;z-index:-3;opacity:.22;filter:saturate(.75) contrast(.92)} .rensa-variant-corporate .press-sheet{position:absolute;width:34vw;height:46vh;background-image:var(--press-image);background-size:cover;background-position:center;border:14px solid rgba(255,255,255,.92);box-shadow:0 34px 90px rgba(4,36,40,.18);transform:rotate(-5deg);border-radius:5px} .rensa-variant-corporate .press-sheet:after{content:"SOLAR • ENERGÍA • INNOVACIÓN • RENSA";position:absolute;left:18px;right:18px;bottom:14px;padding-top:9px;border-top:1px solid rgba(7,43,32,.45);font-size:9px;font-weight:900;letter-spacing:.15em;color:#0a3326;background:rgba(255,255,255,.65)} .rensa-variant-corporate .press-1{left:-6vw;top:7vh}.rensa-variant-corporate .press-2{right:-7vw;top:-3vh;transform:rotate(7deg)}.rensa-variant-corporate .press-3{left:8vw;bottom:-22vh;transform:rotate(4deg)}.rensa-variant-corporate .press-4{right:8vw;bottom:-18vh;transform:rotate(-7deg)} .rensa-variant-corporate .news-press-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(239,248,244,.98) 0%,rgba(239,248,244,.91) 42%,rgba(234,245,246,.88) 100%),radial-gradient(circle at 82% 16%,rgba(68,180,112,.15),transparent 28%)} .rensa-variant-corporate .news-editorial-shell{height:var(--rensa-vh,100svh);padding-top:clamp(98px,11vh,132px);padding-bottom:34px;display:grid;grid-template-rows:auto 1fr;gap:22px} .rensa-variant-corporate .news-editorial-heading{max-width:880px;align-self:start} .rensa-variant-corporate .news-editorial-heading h2{font-size:clamp(44px,4.6vw,74px);line-height:.94;letter-spacing:-.018em;margin:13px 0 8px;text-wrap:balance} .rensa-variant-corporate .news-editorial-heading p{margin:0;max-width:650px;color:#4d6258;font-size:13px} .rensa-variant-corporate .news-grid-3x3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:0;align-self:stretch} .rensa-variant-corporate .news-grid-3x3 .news-card{min-width:0;min-height:0;border:1px solid rgba(8,60,39,.12);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(7,50,43,.07);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease} .rensa-variant-corporate .news-grid-3x3 .news-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(7,50,43,.14);border-color:rgba(47,173,92,.34)} .rensa-variant-corporate .news-grid-3x3 .news-card>a{height:100%;display:grid;grid-template-columns:34% 1fr;min-height:0} .rensa-variant-corporate .news-grid-3x3 .news-image{height:100%;min-height:0;border-radius:0;overflow:hidden} .rensa-variant-corporate .news-grid-3x3 .news-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)} .rensa-variant-corporate .news-grid-3x3 .news-card:hover img{transform:scale(1.045)} .rensa-variant-corporate .news-card-copy{position:relative;padding:13px 34px 12px 15px;display:flex;flex-direction:column;justify-content:center;min-width:0} .rensa-variant-corporate .news-card-copy time{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#4e7560;font-weight:850} .rensa-variant-corporate .news-card-copy h3{margin:6px 0 0;font-size:clamp(13px,1.05vw,17px);line-height:1.12;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .rensa-variant-corporate .news-card-copy>span{position:absolute;right:12px;bottom:10px;color:#2fad5c;font-size:16px} @media(max-width:900px){ .rensa-variant-corporate .corporate-hero .hero h1,.rensa-variant-corporate .project-showcase-heading h2,.rensa-variant-corporate .numbers-photo .numbers-intro h2{letter-spacing:-.014em} .rensa-variant-corporate .news-editorial-shell{height:var(--rensa-vh,100svh);padding-top:86px;padding-bottom:20px;gap:14px;overflow:hidden} .rensa-variant-corporate .news-editorial-heading h2{font-size:clamp(36px,9vw,50px)} .rensa-variant-corporate .news-editorial-heading p{display:none} .rensa-variant-corporate .news-grid-3x3{grid-template-columns:repeat(9,78vw);grid-template-rows:1fr;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding:2px 18vw 8px 0;scrollbar-width:none} .rensa-variant-corporate .news-grid-3x3::-webkit-scrollbar{display:none} .rensa-variant-corporate .news-grid-3x3 .news-card{scroll-snap-align:center} .rensa-variant-corporate .news-grid-3x3 .news-card>a{grid-template-columns:1fr;grid-template-rows:56% 44%} .rensa-variant-corporate .news-card-copy{padding:16px 38px 14px 16px} .rensa-variant-corporate .news-card-copy h3{font-size:18px;-webkit-line-clamp:4} .rensa-variant-corporate .press-sheet{width:68vw;height:38vh;opacity:.42} .rensa-variant-corporate .rd-map-pins{inset:8% 4% 9%} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha8 — MOBILE UX / FORM / FOOTER HOTFIX ======================================================================== */ html.rensa-home-snap.rensa-form-mode{scroll-snap-type:none!important} body.rensa-input-active .rensa-screen-nav{opacity:0;pointer-events:none} @media(max-width:760px){ /* Hero: lift the KPI rail above Safari chrome and center the slider controls. */ .rensa-variant-corporate .corporate-hero .hero-facts{ left:17px;right:17px; bottom:calc(92px + env(safe-area-inset-bottom,0px)); z-index:4; } .rensa-variant-corporate .corporate-hero .hero-controls{ left:50%;right:auto; bottom:calc(20px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); gap:12px; z-index:5; } .rensa-variant-corporate .corporate-hero .hero-controls button{width:44px;height:44px;flex:0 0 44px} .rensa-variant-corporate .corporate-hero .hero-progress{width:72px} .rensa-variant-corporate .corporate-hero .hero-content{padding-bottom:20vh} /* Project gallery: real inertial horizontal swipe on touch devices. */ .rensa-variant-corporate .project-hover-gallery{ display:flex!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-inline:18px; overscroll-behavior-x:contain; touch-action:pan-x pan-y pinch-zoom; padding-right:16vw; scrollbar-width:none; } .rensa-variant-corporate .project-hover-gallery::-webkit-scrollbar{display:none} .rensa-variant-corporate .project-panel, .rensa-variant-corporate .project-panel.is-featured, .rensa-variant-corporate .project-hover-gallery.has-active .project-panel, .rensa-variant-corporate .project-hover-gallery.has-active .project-panel.is-active{ flex:0 0 84vw!important; min-width:84vw; scroll-snap-align:center; scroll-snap-stop:always; } .rensa-variant-corporate .project-panel>a{display:block;width:100%;height:100%;touch-action:pan-x pan-y pinch-zoom;-webkit-user-drag:none} /* Calculator: the scene remains full-screen but its actual controls can scroll internally. */ .rensa-variant-corporate .calculator-photo{overflow:hidden} .rensa-variant-corporate .calculator-layout{ height:var(--rensa-vh,100svh); max-height:var(--rensa-vh,100svh); overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior-y:auto; touch-action:pan-y; align-content:start; padding-top:82px; padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)); scrollbar-width:thin; } .rensa-variant-corporate .calculator-photo .calculator-copy h2{font-size:clamp(36px,9.4vw,48px);line-height:.96;margin:10px 0 8px} .rensa-variant-corporate .calculator-photo .calculator-copy p{font-size:12px;line-height:1.4;margin:0} .rensa-variant-corporate .calculator-glass{padding:16px;border-radius:18px;margin-bottom:8px} .rensa-variant-corporate .calc-card-head{padding-bottom:10px;margin-bottom:12px} .rensa-variant-corporate .calculator-card label{font-size:10px;letter-spacing:.07em;margin-bottom:14px} .rensa-variant-corporate .calculator-card input[type=range], .rensa-variant-corporate .calculator-card select{margin-top:8px} .rensa-variant-corporate .calculator-glass select{padding:10px 11px;min-height:42px} .rensa-variant-corporate .calculator-glass .calc-results{gap:7px;margin:12px 0} .rensa-variant-corporate .calculator-glass .calc-results>div{padding:11px;border-radius:11px} .rensa-variant-corporate .calculator-glass .calc-results span{font-size:7px} .rensa-variant-corporate .calculator-glass .calc-results strong{font-size:18px} .rensa-variant-corporate .calculator-glass .button-primary{min-height:44px} .rensa-variant-corporate .calculator-glass>small{font-size:8px;margin-top:7px} /* Lead form: compact vertical rhythm + reliable inner scrolling with keyboard. */ .rensa-variant-corporate .premium-lead{overflow:hidden} .rensa-variant-corporate .premium-lead .lead-layout{ display:block; height:var(--rensa-vh,100svh); max-height:var(--rensa-vh,100svh)!important; overflow-y:auto!important; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior-y:auto!important; touch-action:pan-y; padding-top:82px; padding-bottom:calc(30px + env(safe-area-inset-bottom,0px)); scrollbar-width:thin; } .rensa-variant-corporate .lead-intro{margin:0 0 12px} .rensa-variant-corporate .lead-intro h2{font-size:clamp(36px,9.5vw,47px);line-height:.96;margin:9px 0 0} .rensa-variant-corporate .premium-form-card{padding:13px!important;border-radius:18px;margin-bottom:8px} .rensa-variant-corporate .premium-form-badge{margin-bottom:8px!important;padding-bottom:8px!important;font-size:8px;letter-spacing:.11em} .rensa-variant-corporate .rensa-lead-form .rensa-assistant{padding:8px 9px!important;margin-bottom:8px!important;border-radius:12px} .rensa-variant-corporate .rensa-lead-form .rensa-assistant strong{font-size:11px} .rensa-variant-corporate .rensa-lead-form .rensa-assistant small{font-size:9px;line-height:1.25} .rensa-variant-corporate .rensa-lead-form .form-grid{gap:3px!important} .rensa-variant-corporate .rensa-lead-form label{font-size:7.5px!important;letter-spacing:.09em;margin:0 0 4px!important;line-height:1.2} .rensa-variant-corporate .rensa-lead-form input:not([type=checkbox]), .rensa-variant-corporate .rensa-lead-form select, .rensa-variant-corporate .rensa-lead-form textarea{ min-height:38px!important; margin-top:3px!important; padding:7px 9px!important; font-size:12px!important; border-radius:9px!important; } .rensa-variant-corporate .rensa-lead-form textarea{min-height:50px!important} .rensa-variant-corporate .rensa-lead-form .consent{font-size:8px!important;line-height:1.3;margin:2px 0 7px!important;gap:6px} .rensa-variant-corporate .rensa-lead-form .consent input{width:14px;height:14px} .rensa-variant-corporate .rensa-lead-form .button.full{min-height:42px!important;font-size:11px!important} .rensa-variant-corporate .rensa-lead-form .form-status{font-size:10px;margin-top:6px} /* Footer becomes a real reachable final scene. If content exceeds the viewport, it scrolls inside. */ .rensa-variant-corporate .site-footer.footer-screen{ height:var(--rensa-vh,100svh)!important; min-height:var(--rensa-vh,100svh)!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch; overscroll-behavior-y:auto; touch-action:pan-y; justify-content:flex-start; scroll-snap-align:start; } .rensa-variant-corporate .footer-premium-shell{ min-height:calc(var(--rensa-vh,100svh) - 58px); padding:82px 18px 30px!important; align-content:start; } .rensa-variant-corporate .footer-brand-block h2{font-size:clamp(34px,9vw,46px);line-height:.97;margin:9px 0 14px} .rensa-variant-corporate .footer-info-grid{gap:14px;padding:16px} .rensa-variant-corporate .footer-info-grid p,.rensa-variant-corporate .footer-info-grid a{line-height:1.55;font-size:11px} .rensa-variant-corporate .footer-bottom{ position:static!important; left:auto!important;bottom:auto!important;transform:none!important; width:auto!important; margin:0 18px calc(16px + env(safe-area-inset-bottom,0px))!important; padding:12px 0 0; display:flex;justify-content:space-between;gap:12px; flex-wrap:wrap; } } @media(max-width:520px){ .rensa-variant-corporate .premium-lead .lead-layout{padding-left:16px;padding-right:16px} .rensa-variant-corporate .rensa-lead-form .form-grid{grid-template-columns:1fr!important} .rensa-variant-corporate .calculator-layout{padding-left:16px;padding-right:16px} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha9 — MOBILE VERTICAL BALANCE HOTFIX Calculator, News and Lead sections use upper viewport space more efficiently. ======================================================================== */ @media(max-width:760px){ /* Calculator: lift headline + card and preserve intentional breathing room below. */ .rensa-variant-corporate .calculator-layout{ padding-top:52px!important; padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))!important; } .rensa-variant-corporate .calculator-photo .calculator-copy{ margin-top:0!important; margin-bottom:10px!important; } .rensa-variant-corporate .calculator-photo .calculator-copy .section-kicker{margin-top:0!important} .rensa-variant-corporate .calculator-photo .calculator-copy h2{margin-top:7px!important} .rensa-variant-corporate .calculator-glass{margin-top:0!important;margin-bottom:18px!important} /* News: move heading and horizontal cards upward to visually center the scene. */ .rensa-variant-corporate .news-editorial-shell{ padding-top:54px!important; padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important; gap:10px!important; } .rensa-variant-corporate .news-editorial-heading{margin:0!important} .rensa-variant-corporate .news-editorial-heading h2{margin-top:8px!important;margin-bottom:4px!important} .rensa-variant-corporate .news-grid-3x3{align-self:start!important;max-height:calc(var(--rensa-vh,100svh) - 210px)} /* Lead capture: use the empty upper region and leave more room for the complete form. */ .rensa-variant-corporate .premium-lead .lead-layout{ padding-top:50px!important; padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))!important; } .rensa-variant-corporate .lead-intro{margin-bottom:8px!important} .rensa-variant-corporate .lead-intro h2{margin-top:6px!important} .rensa-variant-corporate .premium-form-card{margin-top:0!important;margin-bottom:18px!important} } @media(max-width:520px){ .rensa-variant-corporate .calculator-layout{padding-top:46px!important} .rensa-variant-corporate .news-editorial-shell{padding-top:46px!important} .rensa-variant-corporate .premium-lead .lead-layout{padding-top:44px!important} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha10 — MOBILE FORM FIT CLOSEOUT Runtime iPhone review: move both calculator/lead experiences upward and compact their internal rhythm so the complete controls/submit area remain visible or require only a very small inner scroll. ======================================================================== */ @media(max-width:760px){ .rensa-variant-corporate .calculator-layout{ padding-top:14px!important; padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important; gap:7px!important; scroll-padding-top:8px; } .rensa-variant-corporate .calculator-photo .calculator-copy{margin:0 0 4px!important} .rensa-variant-corporate .calculator-photo .calculator-copy .section-kicker{margin:0!important;font-size:9px!important;letter-spacing:.14em} .rensa-variant-corporate .calculator-photo .calculator-copy h2{ font-size:clamp(31px,8.5vw,41px)!important; line-height:.93!important; margin:4px 0 5px!important; max-width:96%!important; } .rensa-variant-corporate .calculator-photo .calculator-copy p{ font-size:10.5px!important; line-height:1.28!important; max-width:96%!important; } .rensa-variant-corporate .calculator-glass{ padding:11px!important; border-radius:16px!important; margin:0 0 12px!important; } .rensa-variant-corporate .calc-card-head{padding-bottom:7px!important;margin-bottom:8px!important} .rensa-variant-corporate .calc-card-head span{font-size:8px!important} .rensa-variant-corporate .calc-card-head b{font-size:17px!important} .rensa-variant-corporate .calculator-card label{font-size:8px!important;margin-bottom:9px!important;line-height:1.15!important} .rensa-variant-corporate .calculator-card input[type=range], .rensa-variant-corporate .calculator-card select{margin-top:5px!important} .rensa-variant-corporate .calculator-glass select{min-height:36px!important;padding:7px 9px!important} .rensa-variant-corporate .calculator-glass .calc-results{gap:5px!important;margin:8px 0!important} .rensa-variant-corporate .calculator-glass .calc-results>div{padding:8px!important;min-height:62px!important} .rensa-variant-corporate .calculator-glass .calc-results span{font-size:6.5px!important} .rensa-variant-corporate .calculator-glass .calc-results strong{font-size:16px!important;line-height:1.05!important} .rensa-variant-corporate .calculator-glass .button-primary{min-height:38px!important;padding:9px 13px!important;font-size:9.5px!important} .rensa-variant-corporate .calculator-glass>small{font-size:7px!important;line-height:1.25!important;margin-top:4px!important} .rensa-variant-corporate .premium-lead .lead-layout{ padding-top:12px!important; padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important; scroll-padding-top:8px; } .rensa-variant-corporate .lead-intro{margin:0 0 5px!important} .rensa-variant-corporate .lead-intro .section-kicker{font-size:9px!important;letter-spacing:.14em} .rensa-variant-corporate .lead-intro h2{ font-size:clamp(30px,8.6vw,40px)!important; line-height:.93!important; margin:3px 0 0!important; max-width:96%!important; } .rensa-variant-corporate .premium-form-card{ padding:9px!important; border-radius:16px!important; margin:0 0 12px!important; } .rensa-variant-corporate .premium-form-badge{margin-bottom:5px!important;padding-bottom:5px!important;font-size:7px!important} .rensa-variant-corporate .rensa-lead-form .rensa-assistant{padding:6px 7px!important;margin-bottom:5px!important;min-height:42px!important} .rensa-variant-corporate .rensa-lead-form .rensa-assistant strong{font-size:10px!important;line-height:1.1!important} .rensa-variant-corporate .rensa-lead-form .rensa-assistant small{font-size:8px!important;line-height:1.15!important} .rensa-variant-corporate .rensa-lead-form .form-grid{gap:1px!important} .rensa-variant-corporate .rensa-lead-form label{font-size:6.8px!important;margin:0 0 2px!important;line-height:1.08!important} .rensa-variant-corporate .rensa-lead-form input:not([type=checkbox]), .rensa-variant-corporate .rensa-lead-form select, .rensa-variant-corporate .rensa-lead-form textarea{ min-height:31px!important; margin-top:2px!important; padding:5px 8px!important; font-size:11px!important; border-radius:8px!important; } .rensa-variant-corporate .rensa-lead-form textarea{min-height:38px!important;max-height:52px!important} .rensa-variant-corporate .rensa-lead-form .consent{font-size:7px!important;line-height:1.15!important;margin:1px 0 5px!important} .rensa-variant-corporate .rensa-lead-form .consent input{width:13px!important;height:13px!important} .rensa-variant-corporate .rensa-lead-form .button.full{min-height:36px!important;padding:8px 12px!important;font-size:9px!important} .rensa-variant-corporate .rensa-lead-form .form-status{font-size:8px!important;margin-top:4px!important} } @media(max-width:390px){ .rensa-variant-corporate .calculator-layout, .rensa-variant-corporate .premium-lead .lead-layout{padding-top:8px!important} .rensa-variant-corporate .calculator-photo .calculator-copy h2, .rensa-variant-corporate .lead-intro h2{font-size:30px!important} } /* v0.1.0-alpha11 — Historia de RENSA · Vertical Timeline Experience */ .rensa-history-page{background:#031a16;color:#fff} .rensa-history-page .site-header{background:rgba(255,255,255,.96);color:#0a2d1d;backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(7,55,37,.12)} .rensa-history-page .timeline-experience{--history-blue:#063f62;--history-green:#67c63a;--history-deep:#031a16;position:relative;background:var(--history-deep);overflow:clip} .rensa-history-page .timeline-snap-scene{height:var(--timeline-vh,100dvh);min-height:var(--timeline-vh,100dvh);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative} .rensa-history-page .timeline-intro{display:flex;align-items:center;background:#062437;color:#fff;background-image:linear-gradient(90deg,rgba(2,25,31,.94) 0%,rgba(3,45,55,.68) 48%,rgba(5,65,50,.24) 82%),var(--timeline-intro-image)!important;background-size:cover!important;background-position:center!important} .rensa-history-page .timeline-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,20,18,.72),transparent 58%);pointer-events:none} .timeline-intro-media{position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(109,226,101,.22),transparent 28%),radial-gradient(circle at 82% 22%,rgba(85,189,237,.18),transparent 23%);mix-blend-mode:screen;opacity:.7} .timeline-tech-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.64) 58%,transparent 94%)} .timeline-intro-glow{position:absolute;width:44vw;height:44vw;border-radius:50%;right:-7vw;top:8vh;background:radial-gradient(circle,rgba(95,218,103,.24),rgba(54,176,225,.08) 42%,transparent 70%);filter:blur(8px)} .rensa-history-page .timeline-intro-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.45fr);align-items:center;gap:60px;padding-top:88px;padding-bottom:48px} .timeline-intro-copy{max-width:940px;opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)} .timeline-intro.is-inview .timeline-intro-copy{opacity:1;transform:none} .rensa-history-page .timeline-intro h1{font-size:clamp(62px,7.5vw,122px);line-height:.88;letter-spacing:-.035em;margin:22px 0 28px;max-width:1040px;text-wrap:balance} .rensa-history-page .timeline-intro p{max-width:700px;font-size:clamp(17px,1.35vw,23px);color:rgba(255,255,255,.76);margin:0} .timeline-intro-years{display:flex;align-items:center;gap:18px;margin-top:32px;font-size:14px;letter-spacing:.14em}.timeline-intro-years strong{font-size:20px}.timeline-intro-years i{display:block;width:120px;height:1px;background:linear-gradient(90deg,var(--history-green),rgba(255,255,255,.2))} .timeline-intro-stat{justify-self:end;align-self:end;text-align:right;transform:translateY(12px)}.timeline-intro-stat span{display:block;font-size:clamp(110px,17vw,300px);font-weight:950;line-height:.68;letter-spacing:-.09em;color:rgba(255,255,255,.055)}.timeline-intro-stat small{display:block;margin-top:20px;font-size:10px;font-weight:900;letter-spacing:.28em;color:#8fe365} /* Dated side navigation */ .timeline-point-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:850;display:flex;flex-direction:column;gap:8px;padding:14px 10px 14px 68px;border-radius:24px;background:rgba(1,25,31,.34);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 22px 60px rgba(0,0,0,.16)} .timeline-point-track{position:absolute;right:15px;top:18px;bottom:18px;width:1px;background:rgba(255,255,255,.18)}.timeline-point-track i{display:block;width:100%;height:var(--timeline-nav-progress,0%);background:linear-gradient(#77dc43,#3ec4b9);box-shadow:0 0 18px rgba(111,224,98,.65);transition:height .5s cubic-bezier(.16,1,.3,1)} .timeline-point-nav button{position:relative;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:#fff} .timeline-point-nav button i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.65);transition:all .42s cubic-bezier(.16,1,.3,1)} .timeline-point-nav button span{position:absolute;right:34px;white-space:nowrap;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48);opacity:.72;transform:translateX(4px);transition:.35s ease} .timeline-point-nav button:hover span,.timeline-point-nav button.is-active span{opacity:1;color:#fff;transform:none} .timeline-point-nav button:hover i,.timeline-point-nav button.is-active i{width:12px;height:12px;background:#70d846;border-color:#fff;box-shadow:0 0 0 6px rgba(103,198,58,.16),0 0 24px rgba(103,198,58,.7)} .timeline-point-nav button.is-past i{background:#6bcf50;border-color:#bff5ae} /* Full-screen vertical scenes */ .rensa-history-page .timeline-scenes{position:relative} .rensa-history-page .timeline-scene{display:flex;align-items:center;background:linear-gradient(135deg,#03283b 0%,#07342e 58%,#08291d 100%);isolation:isolate;border-top:1px solid rgba(255,255,255,.06)} .rensa-history-page .timeline-scene:nth-child(even){background:linear-gradient(135deg,#042119 0%,#06374b 54%,#082d23 100%)} .rensa-history-page .timeline-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--scene-accent,#67c63a) 20%,transparent),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 36%);pointer-events:none} .rensa-history-page .timeline-scene-grid{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.78fr);gap:clamp(48px,6vw,110px);align-items:center;padding-top:104px;padding-bottom:44px} .rensa-history-page .timeline-scene.is-reverse .timeline-visual-stage{order:2}.rensa-history-page .timeline-scene.is-reverse .timeline-copy{order:1} .timeline-scene-spine{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.15) 12%,rgba(255,255,255,.15) 88%,transparent)} .timeline-scene-spine i{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--scene-accent,#67c63a);box-shadow:0 0 0 11px color-mix(in srgb,var(--scene-accent,#67c63a) 16%,transparent),0 0 35px color-mix(in srgb,var(--scene-accent,#67c63a) 62%,transparent);transform:translate(-50%,-50%) scale(.35);opacity:0;transition:opacity .55s ease,transform .9s cubic-bezier(.16,1,.3,1)} .timeline-scene.is-inview .timeline-scene-spine i{opacity:1;transform:translate(-50%,-50%) scale(1)} .timeline-year-ghost{position:absolute!important;z-index:0;right:3vw!important;top:50%!important;font-size:clamp(190px,31vw,560px)!important;font-weight:950!important;line-height:.7!important;letter-spacing:-.085em!important;color:rgba(255,255,255,.045)!important;opacity:0!important;transform:translate3d(7vw,-50%,0) scale(.88)!important;transition:opacity 1s ease,transform 1.35s cubic-bezier(.16,1,.3,1)!important;will-change:transform,opacity} .timeline-scene.is-reverse .timeline-year-ghost{right:auto!important;left:-2vw!important;transform:translate3d(-7vw,-50%,0) scale(.88)!important} .timeline-scene.is-inview .timeline-year-ghost{opacity:1!important;transform:translate3d(0,calc(-50% + var(--timeline-parallax,0px)),0) scale(1)!important} .timeline-visual-stage{position:relative;height:min(70vh,760px);min-height:520px;opacity:0;transform:translate3d(80px,24px,0) scale(.965);transition:opacity .7s ease,transform 1.05s cubic-bezier(.16,1,.3,1);will-change:transform,opacity} .timeline-scene.is-reverse .timeline-visual-stage{transform:translate3d(-80px,24px,0) scale(.965)} .timeline-scene.is-inview .timeline-visual-stage{opacity:1;transform:translate3d(0,var(--timeline-media-shift,0px),0) scale(1)} .timeline-main-photo{position:absolute;inset:4% 6% 8% 0;margin:0;border-radius:30px;overflow:hidden;background:#082c2d;box-shadow:0 38px 100px rgba(0,0,0,.30);clip-path:inset(0 0 100% 0 round 30px);transition:clip-path 1.1s .06s cubic-bezier(.16,1,.3,1)} .timeline-scene.is-reverse .timeline-main-photo{inset:4% 0 8% 6%} .timeline-scene.is-inview .timeline-main-photo{clip-path:inset(0 0 0 0 round 30px)} .timeline-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,18,18,.58),transparent 50%)} .timeline-main-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.8s cubic-bezier(.16,1,.3,1);will-change:transform}.timeline-scene.is-inview .timeline-main-photo img{transform:scale(1.015)} .timeline-photo-index{position:absolute;z-index:2;left:24px;bottom:22px;font-size:11px;font-weight:900;letter-spacing:.22em;color:#fff} .timeline-support-photo{position:absolute;margin:0;width:31%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 70px rgba(0,0,0,.30);opacity:0;transform:translateY(35px) rotate(2deg) scale(.94);transition:opacity .55s .35s ease,transform .9s .35s cubic-bezier(.16,1,.3,1);z-index:4;background:#082724}.timeline-support-photo img{width:100%;height:100%;object-fit:cover}.timeline-support-photo.support-a{right:0;top:0}.timeline-support-photo.support-b{right:2%;bottom:0;width:26%;transform:translateY(35px) rotate(-2deg) scale(.94)}.timeline-scene.is-reverse .timeline-support-photo.support-a{right:auto;left:0}.timeline-scene.is-reverse .timeline-support-photo.support-b{right:auto;left:2%}.timeline-scene.is-inview .timeline-support-photo{opacity:1;transform:translateY(0) rotate(0) scale(1)} .timeline-video-card{position:absolute;right:0;bottom:3%;z-index:5;width:42%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.24);box-shadow:0 28px 70px rgba(0,0,0,.35);opacity:0;transform:translateY(30px) scale(.96);transition:opacity .6s .48s ease,transform .85s .48s cubic-bezier(.16,1,.3,1);background:#000}.timeline-scene.is-reverse .timeline-video-card{right:auto;left:0}.timeline-scene.is-inview .timeline-video-card{opacity:1;transform:none}.timeline-video-card iframe{width:100%;height:100%;border:0} .rensa-history-page .timeline-copy{position:relative;z-index:4;max-height:none!important;overflow:visible!important;padding-right:0!important;opacity:0;transform:translate3d(-55px,28px,0);transition:opacity .7s ease,transform 1s .08s cubic-bezier(.16,1,.3,1)} .rensa-history-page .timeline-scene.is-reverse .timeline-copy{transform:translate3d(55px,28px,0)}.rensa-history-page .timeline-scene.is-inview .timeline-copy{opacity:1;transform:none} .timeline-copy-top{display:flex!important;align-items:center;gap:14px!important} .timeline-date{font-size:clamp(36px,4.1vw,70px);font-weight:950;line-height:.9;letter-spacing:-.035em;color:var(--scene-accent,#67c63a)} .timeline-live-dot{width:10px;height:10px;border-radius:50%;background:var(--scene-accent,#67c63a);box-shadow:0 0 0 8px color-mix(in srgb,var(--scene-accent,#67c63a) 15%,transparent),0 0 22px color-mix(in srgb,var(--scene-accent,#67c63a) 55%,transparent)} .rensa-history-page .timeline-copy>small{display:block!important;margin-top:28px!important;color:rgba(255,255,255,.52)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase} .rensa-history-page .timeline-copy h2{font-size:clamp(44px,5.15vw,82px)!important;line-height:.92!important;letter-spacing:-.026em!important;margin:13px 0 22px!important;max-width:680px;text-wrap:balance} .timeline-copy-scroll{max-height:38vh;overflow:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--scene-accent,#67c63a) 55%,transparent) transparent} .timeline-copy-scroll::-webkit-scrollbar{width:4px}.timeline-copy-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--scene-accent,#67c63a) 52%,transparent);border-radius:999px} .rensa-history-page .timeline-body{font-size:clamp(16px,1.15vw,20px)!important;line-height:1.7;color:rgba(255,255,255,.75)!important;max-width:620px}.rensa-history-page .timeline-body p:first-child{margin-top:0}.rensa-history-page .timeline-body p:last-child{margin-bottom:0} .rensa-history-page .timeline-metric{margin-top:26px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.16);display:flex!important;align-items:baseline!important;gap:14px!important}.rensa-history-page .timeline-metric strong{font-size:clamp(30px,3.2vw,52px);color:#fff}.rensa-history-page .timeline-metric span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.50)} .timeline-scene-caption{position:absolute;z-index:4;left:32px;bottom:24px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.44)}.timeline-scene-caption i{width:56px;height:1px;background:linear-gradient(90deg,var(--scene-accent,#67c63a),rgba(255,255,255,.12))}.timeline-scene-caption span{color:var(--scene-accent,#67c63a);font-weight:900} .rensa-history-page .timeline-finale{display:flex;align-items:center;background:radial-gradient(circle at 66% 34%,rgba(78,208,101,.24),transparent 27%),linear-gradient(135deg,#042c44,#05281e 58%,#031812);color:#fff}.timeline-finale-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(circle at center,#000,transparent 72%)} .rensa-history-page .timeline-finale-inner{position:relative;z-index:2;min-height:0!important;text-align:left!important;align-items:flex-start!important;justify-content:center!important;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.rensa-history-page .timeline-finale.is-inview .timeline-finale-inner{opacity:1;transform:none}.rensa-history-page .timeline-finale h2{font-size:clamp(60px,8vw,125px);line-height:.87;letter-spacing:-.035em;max-width:1180px;margin:22px 0 30px;text-wrap:balance}.rensa-history-page .timeline-finale p{font-size:clamp(17px,1.4vw,22px);color:rgba(255,255,255,.70);max-width:680px;margin:0 0 30px}.rensa-history-page .timeline-finale .button{border-radius:10px;min-height:54px;padding:0 24px;gap:20px;background:#62c83d;color:#08231a}.rensa-history-page .timeline-finale .button span{font-size:18px} @media(max-width:1180px){ .rensa-history-page .timeline-scene-grid{grid-template-columns:1fr 1fr;gap:42px}.timeline-visual-stage{min-height:450px;height:62vh}.timeline-point-nav{right:12px;padding-left:58px}.timeline-point-nav button span{right:30px}.timeline-scene-spine{left:51%} } @media(max-width:760px){ .rensa-history-page .timeline-snap-scene{height:var(--timeline-vh,100dvh);min-height:var(--timeline-vh,100dvh)} .rensa-history-page .timeline-intro-inner{grid-template-columns:1fr;padding-top:94px;padding-bottom:30px;align-content:center;gap:12px}.rensa-history-page .timeline-intro h1{font-size:clamp(52px,14vw,74px);line-height:.91;letter-spacing:-.025em;margin:15px 0 18px}.rensa-history-page .timeline-intro p{font-size:14px;max-width:92%}.timeline-intro-stat{position:absolute;right:-8px;bottom:14vh;opacity:.7}.timeline-intro-stat span{font-size:30vw}.timeline-intro-stat small{display:none}.timeline-intro-years{margin-top:20px}.timeline-intro-years i{width:70px}.timeline-scroll-cue{margin-top:24px} .timeline-point-nav{right:8px;top:54%;padding:9px 6px;gap:6px;border-radius:18px;background:rgba(1,26,31,.30)}.timeline-point-nav button{width:13px;height:13px}.timeline-point-nav button i{width:6px;height:6px}.timeline-point-nav button span{display:none}.timeline-point-track{right:11.5px;top:13px;bottom:13px} .rensa-history-page .timeline-scene{align-items:flex-start}.rensa-history-page .timeline-scene-grid{grid-template-columns:1fr;gap:12px;padding-top:78px;padding-bottom:16px;padding-left:32px;padding-right:32px;align-content:center}.rensa-history-page .timeline-scene.is-reverse .timeline-visual-stage,.rensa-history-page .timeline-scene.is-reverse .timeline-copy{order:initial} .timeline-scene-spine{left:18px}.timeline-scene-spine i{width:12px;height:12px} .timeline-year-ghost,.timeline-scene.is-reverse .timeline-year-ghost{font-size:54vw!important;right:-9vw!important;left:auto!important;top:42%!important;transform:translate3d(8vw,-50%,0) scale(.9)!important}.timeline-scene.is-inview .timeline-year-ghost{transform:translate3d(0,calc(-50% + var(--timeline-parallax,0px)),0) scale(1)!important} .timeline-visual-stage,.timeline-scene.is-reverse .timeline-visual-stage{height:34vh;min-height:245px;transform:translate3d(34px,16px,0) scale(.97);order:1}.timeline-scene.is-inview .timeline-visual-stage{transform:translate3d(0,var(--timeline-media-shift,0px),0) scale(1)}.timeline-main-photo,.timeline-scene.is-reverse .timeline-main-photo{inset:0 9% 0 0;border-radius:20px}.timeline-main-photo{clip-path:inset(0 0 100% 0 round 20px)}.timeline-scene.is-inview .timeline-main-photo{clip-path:inset(0 0 0 0 round 20px)}.timeline-support-photo{width:31%;border-radius:12px}.timeline-support-photo.support-a{right:0;top:6%}.timeline-support-photo.support-b{right:1%;bottom:3%;width:25%}.timeline-scene.is-reverse .timeline-support-photo.support-a{left:auto;right:0}.timeline-scene.is-reverse .timeline-support-photo.support-b{left:auto;right:1%}.timeline-video-card,.timeline-scene.is-reverse .timeline-video-card{right:0;left:auto;width:42%;bottom:2%;border-radius:12px} .rensa-history-page .timeline-copy,.rensa-history-page .timeline-scene.is-reverse .timeline-copy{order:2;transform:translate3d(-24px,18px,0);padding-right:18px}.rensa-history-page .timeline-scene.is-inview .timeline-copy{transform:none}.timeline-date{font-size:clamp(31px,9vw,46px)}.rensa-history-page .timeline-copy>small{margin-top:12px!important;font-size:8px!important}.rensa-history-page .timeline-copy h2{font-size:clamp(34px,9.8vw,49px)!important;line-height:.94!important;margin:8px 0 10px!important;max-width:92%}.timeline-copy-scroll{max-height:26vh;padding-right:7px}.rensa-history-page .timeline-body{font-size:13.5px!important;line-height:1.55}.rensa-history-page .timeline-metric{margin-top:12px!important;padding-top:10px!important}.rensa-history-page .timeline-metric strong{font-size:24px}.rensa-history-page .timeline-metric span{font-size:7px}.timeline-scene-caption{left:32px;bottom:8px;font-size:7px}.timeline-scene-caption i{width:35px} .rensa-history-page .timeline-finale-inner{padding-left:32px;padding-right:42px}.rensa-history-page .timeline-finale h2{font-size:clamp(48px,13vw,70px);line-height:.9;margin:16px 0 22px}.rensa-history-page .timeline-finale p{font-size:14px}.rensa-history-page .timeline-finale .button{min-height:50px} } @media(prefers-reduced-motion:reduce){ .timeline-intro-copy,.timeline-visual-stage,.timeline-main-photo,.timeline-support-photo,.timeline-video-card,.rensa-history-page .timeline-copy,.timeline-year-ghost,.timeline-scene-spine i,.rensa-history-page .timeline-finale-inner{transition:none!important;transform:none!important;opacity:1!important}.timeline-main-photo{clip-path:none!important}.timeline-point-track i{transition:none!important} } .timeline-point-nav{max-height:72vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.timeline-point-nav::-webkit-scrollbar{display:none} /* v0.1.0-alpha12 — premium mobile language selector */ .language-switcher a.is-active{opacity:1;color:var(--green2);font-weight:900} .mobile-nav-language{display:none} @media(max-width:900px){ .header-actions>.language-switcher{display:none!important} .mobile-nav.is-open{display:flex!important;flex-direction:column} .mobile-nav-language{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding:22px 0 4px;border-top:1px solid rgba(7,58,40,.12)} .mobile-nav-language>span{font-size:10px;font-weight:950;letter-spacing:.18em;color:rgba(7,45,31,.56)} .mobile-language-switcher{display:flex;align-items:center;padding:4px;background:#eef5f1;border:1px solid #d7e6dc;border-radius:999px;box-shadow:0 10px 28px rgba(4,42,27,.07)} .mobile-language-switcher a{display:grid;place-items:center;min-width:48px;height:38px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#1d4935;transition:background .28s ease,color .28s ease,transform .28s ease} .mobile-language-switcher a.is-active{background:#0b8e48;color:#fff;box-shadow:0 7px 18px rgba(11,142,72,.23);transform:translateY(-1px)} } /* Alpha 13 — RENSA Assistant safe-zone */ .rensa-variant-corporate .rensa-smart-assistant{z-index:4900}.rensa-variant-corporate .rensa-assistant-launcher{right:max(22px,env(safe-area-inset-right,0px));bottom:150px}.rensa-variant-corporate .rensa-assistant-drawer{right:max(22px,env(safe-area-inset-right,0px))}@media(max-width:760px){.rensa-variant-corporate .rensa-assistant-launcher{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(104px + env(safe-area-inset-bottom,0px))}.rensa-variant-corporate .rensa-assistant-drawer{right:10px}} /* v0.1.0-alpha15 — Premium institutional navigation + typography refinement */ :root{--rensa-blue:#075b82;--rensa-blue-deep:#06364f;--rensa-lime:#68c83f} .hero h1,.section-heading h2,.numbers-intro h2,.map-copy h2,.calculator-copy h2,.lead-layout h2,.history-link-content h2,.projects-gallery-copy h2,.news-screen-heading h2,.timeline-scene h2,.inner-hero h1,.inner-content-section h2{letter-spacing:-.018em;line-height:.98} @media(max-width:760px){.hero h1,.section-heading h2,.numbers-intro h2,.map-copy h2,.calculator-copy h2,.lead-layout h2,.history-link-content h2,.projects-gallery-copy h2,.news-screen-heading h2,.timeline-scene h2,.inner-hero h1,.inner-content-section h2{letter-spacing:-.008em;line-height:1.01}} .desktop-nav>ul{align-items:center;gap:16px}.desktop-nav>ul>li>a{display:flex;align-items:center;justify-content:center;min-height:52px;max-width:118px;text-align:center;line-height:1.08;white-space:normal;font-size:10px;letter-spacing:.095em}.desktop-nav .sub-menu{position:absolute;top:calc(100% - 6px);min-width:250px;padding:12px;background:rgba(4,33,47,.98);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.desktop-nav li{position:relative}.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.desktop-nav .sub-menu li a{display:block;padding:11px 13px;border-radius:10px;font-size:11px;line-height:1.2}.desktop-nav .sub-menu li a:hover{background:rgba(104,200,63,.13)} @media(max-width:1320px){.desktop-nav,.header-actions>.language-switcher,.header-actions>.header-cta{display:none!important}.menu-toggle{display:block!important}.site-header .header-shell{justify-content:space-between}.mobile-nav.is-open{display:block}} .inner-hero{position:relative;min-height:76svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:linear-gradient(135deg,#053b58,#087b67);padding:150px 0 76px}.inner-hero:before{content:"";position:absolute;inset:0;background-image:url('../images/rensa-hero-solar.webp');background-size:cover;background-position:center;opacity:.58;transform:scale(1.02)}.clients-hero:before{background-image:url('../images/client-collage-reference.webp');opacity:.26;filter:saturate(.8)}.brands-hero:before{background-image:url('../images/solution-commercial.webp')}.certifications-hero:before{background-image:url('../images/rensa-history-workers.webp')}.social-hero:before{background-image:url('../images/rensa-history-hero.webp')}.news-page-hero:before{background-image:url('../images/solution-industrial.webp')}.contact-page-hero:before{background-image:url('../images/solution-residential.webp')}.outback-hero:before{background-image:url('../images/solution-storage.webp')}.inner-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,34,50,.92),rgba(3,67,62,.52) 58%,rgba(3,32,40,.18))}.inner-hero-content{position:relative;z-index:2;width:min(1420px,calc(100% - 64px));margin:0 auto}.inner-hero h1{font-size:clamp(54px,7vw,112px);max-width:1100px;margin:22px 0 20px}.inner-hero p{max-width:720px;font-size:20px;color:rgba(255,255,255,.82)}.inner-content-section{padding:110px 0;background:#f6f9f7}.client-ticker-section{overflow:hidden;background:#fff;border-top:1px solid #e1ebe5;border-bottom:1px solid #e1ebe5;padding:28px 0}.client-ticker{overflow:hidden}.client-ticker-track{width:max-content;display:flex;gap:18px;animation:rensaClientTicker 48s linear infinite}.client-ticker:hover .client-ticker-track{animation-play-state:paused}.client-logo-chip{width:190px;height:92px;border:1px solid #dde8e1;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 10px 30px rgba(6,52,37,.04)}.client-logo-chip img{width:100%;height:100%;object-fit:contain;filter:saturate(.9)}.client-logo-chip b{text-align:center;color:#14372b;font-size:16px}@keyframes rensaClientTicker{to{transform:translateX(-50%)}}.client-logo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.client-logo-wall article{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:#fff;border:1px solid #dfe9e3;border-radius:18px}.client-logo-wall img{max-height:72px;width:auto;object-fit:contain}.client-logo-wall strong{text-align:center;font-size:18px}.client-logo-wall span{font-size:10px;color:#718079;margin-top:8px}.brand-premium-grid{display:grid;gap:28px}.brand-premium-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center;min-height:390px;padding:48px;border-radius:30px;background:#fff;border:1px solid #dce8e1;box-shadow:0 18px 55px rgba(7,55,39,.06)}.brand-premium-card:nth-child(even){grid-template-columns:1.2fr .8fr}.brand-premium-card:nth-child(even)>.brand-logo-stage{order:2}.brand-logo-stage{min-height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#edf5f1,#eef7fc);border-radius:24px;padding:38px}.brand-logo-stage img{max-height:170px;width:auto;object-fit:contain}.brand-logo-stage strong{font-size:clamp(34px,5vw,72px);letter-spacing:-.015em;color:#0a5837}.brand-premium-card>div:last-child>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#16894c}.brand-premium-card h2{font-size:clamp(38px,4.7vw,72px);margin:9px 0 14px}.certification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.certification-grid article{background:#fff;border:1px solid #dfe8e3;border-radius:22px;overflow:hidden;padding-bottom:24px}.cert-image{height:240px;background:#eaf1ed}.cert-image img{width:100%;height:100%;object-fit:cover}.certification-grid article>span,.certification-grid article>h2,.certification-grid article>p,.certification-grid article>a{margin-left:24px;margin-right:24px}.certification-grid article>span{display:block;margin-top:20px;color:#16894c;font-size:11px;font-weight:900}.certification-grid article h2{font-size:27px;margin-top:5px;margin-bottom:6px}.certification-grid article a{color:#0870a0;font-weight:800}.social-story-grid{display:grid;gap:24px}.social-story-grid article{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:26px;overflow:hidden;border:1px solid #dce8e1}.social-story-image{min-height:370px}.social-story-image img{width:100%;height:100%;object-fit:cover}.social-story-grid article>div:last-child{padding:44px}.social-story-grid article span{color:#16894c;font-weight:900}.social-story-grid article h2{font-size:44px;margin:10px 0}.social-story-grid article strong{font-size:30px;color:#0a5d82}.news-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-premium-grid article{background:#fff;border:1px solid #dde8e2;border-radius:20px;overflow:hidden}.news-premium-grid article>a{display:block;padding-bottom:25px}.news-image{height:260px;overflow:hidden;background:#dfe9e3}.news-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.news-premium-grid article:hover .news-image img{transform:scale(1.04)}.news-premium-grid time,.news-premium-grid h2,.news-premium-grid p,.news-premium-grid article>a>span{display:block;margin-left:24px;margin-right:24px}.news-premium-grid time{margin-top:20px;color:#16894c;font-size:10px;font-weight:900}.news-premium-grid h2{font-size:28px;margin-top:7px;margin-bottom:8px}.news-premium-grid p{color:#627269}.news-premium-grid article>a>span{color:#0870a0;font-weight:900}.contact-premium-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.contact-premium-layout>div:first-child>h2{font-size:clamp(48px,5vw,78px);margin:16px 0}.branch-premium-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.branch-premium-grid article{padding:22px;border-radius:18px;background:#fff;border:1px solid #dce8e1}.branch-premium-grid span{color:#16894c;font-size:10px;font-weight:900;letter-spacing:.1em}.branch-premium-grid h3{font-size:22px;margin:6px 0}.editorial-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.editorial-feature>div:first-child{min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#073c55,#0b7451);display:grid;place-items:center}.editorial-feature img{width:100%;height:100%;object-fit:cover}.brand-placeholder{font-size:70px;color:#fff;font-weight:900}.editorial-feature h2{font-size:clamp(46px,5vw,80px);margin:18px 0}.premium-empty-state{grid-column:1/-1;padding:70px;border:1px dashed #b8cfc1;border-radius:24px;text-align:center;background:#fff} @media(max-width:900px){.inner-hero{min-height:68svh;padding:128px 0 54px}.inner-hero-content{width:calc(100% - 42px)}.inner-hero h1{font-size:clamp(46px,13vw,72px)}.inner-content-section{padding:72px 0}.client-logo-wall{grid-template-columns:repeat(2,1fr)}.brand-premium-card,.brand-premium-card:nth-child(even),.social-story-grid article,.contact-premium-layout,.editorial-feature{grid-template-columns:1fr}.brand-premium-card:nth-child(even)>.brand-logo-stage{order:0}.certification-grid,.news-premium-grid{grid-template-columns:1fr}.branch-premium-grid{grid-template-columns:1fr}.client-logo-chip{width:160px;height:82px}.social-story-grid article>div:last-child{padding:28px}.editorial-feature>div:first-child{min-height:340px}} /* alpha15 Sobre RENSA gateway expansion */ .about-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-gateway-grid .gateway-card{min-height:440px}.gateway-certifications,.gateway-social{margin-top:0!important}@media(max-width:760px){.about-gateway-grid{grid-template-columns:1fr!important}.about-gateway-grid .gateway-card{min-height:380px}} /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha16 — Premium menu + newsroom closeout ======================================================================== */ /* Desktop submenus: maximum contrast, black surface + white executive type. */ .rensa-variant-corporate .desktop-nav .sub-menu{ background:rgba(2,5,6,.98)!important; border:1px solid rgba(255,255,255,.14)!important; box-shadow:0 28px 80px rgba(0,0,0,.34)!important; } .rensa-variant-corporate .desktop-nav .sub-menu li a{ color:#fff!important; font-weight:800!important; letter-spacing:.055em!important; text-transform:none!important; } .rensa-variant-corporate .desktop-nav .sub-menu li a:hover, .rensa-variant-corporate .desktop-nav .sub-menu .current-menu-item>a, .rensa-variant-corporate .desktop-nav .sub-menu .current-menu-ancestor>a{ background:linear-gradient(90deg,#0d6c3f,#15924f)!important; color:#fff!important; } /* Mobile nested menus inherit the same high-contrast language. */ @media(max-width:1320px){ .rensa-variant-corporate .mobile-nav .sub-menu{background:#050708!important;border-radius:13px!important;padding:10px!important;margin-top:8px!important;border:1px solid rgba(255,255,255,.12)!important} .rensa-variant-corporate .mobile-nav .sub-menu a{color:#fff!important;font-weight:750!important} .rensa-variant-corporate .mobile-nav .sub-menu .current-menu-item>a{background:#117a45!important;color:#fff!important} } /* Homepage newsroom: move the entire editorial composition upward and let every image read fully. */ .rensa-variant-corporate .news-editorial-shell{ padding-top:clamp(72px,7.2vh,92px)!important; padding-bottom:18px!important; gap:14px!important; } .rensa-variant-corporate .news-editorial-heading{max-width:940px} .rensa-variant-corporate .news-editorial-heading h2{ margin:8px 0 5px!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-weight:780!important; letter-spacing:-.006em!important; line-height:.98!important; } .rensa-variant-corporate .news-editorial-heading p{font-size:12px!important} .rensa-variant-corporate .news-grid-3x3{gap:10px!important} .rensa-variant-corporate .news-grid-3x3 .news-card{position:relative;background:#06110d!important;border-color:rgba(255,255,255,.12)!important} .rensa-variant-corporate .news-grid-3x3 .news-card>a{display:block!important;position:relative;height:100%;min-height:0} .rensa-variant-corporate .news-grid-3x3 .news-image{position:absolute;inset:0;width:100%;height:100%!important;margin:0!important} .rensa-variant-corporate .news-grid-3x3 .news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(2,10,8,.22) 58%,rgba(2,10,8,.88) 100%)} .rensa-variant-corporate .news-grid-3x3 .news-card-copy{ position:absolute!important;left:10px;right:10px;bottom:10px;z-index:3; padding:10px 36px 10px 12px!important; min-height:62px;justify-content:flex-end!important; background:rgba(1,9,7,.78); border:1px solid rgba(255,255,255,.13); border-radius:11px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#fff; } .rensa-variant-corporate .news-card-copy time{color:#8fe55d!important;font-size:7px!important;font-weight:850!important;letter-spacing:.13em!important} .rensa-variant-corporate .news-card-copy h3{ color:#fff!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-weight:720!important; font-size:clamp(12px,.92vw,16px)!important; line-height:1.12!important; letter-spacing:.005em!important; margin:4px 0 0!important; } .rensa-variant-corporate .news-card-copy>span{color:#8fe55d!important;right:11px!important;bottom:10px!important} /* Internal newsroom: premium image-first cards with a readable title stage over photography. */ .rensa-news-page .inner-hero{min-height:58svh!important;padding-bottom:50px!important} .rensa-news-page .inner-content-section.news-archive-section{padding:70px 0 90px!important} .rensa-news-page .news-premium-grid article{background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(4,44,32,.08)} .rensa-news-page .news-premium-grid article>a{padding-bottom:20px!important} .rensa-news-page .news-premium-grid .news-image{position:relative;height:310px;margin:0!important} .rensa-news-page .news-premium-grid .news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,10,8,.18) 56%,rgba(2,10,8,.84) 100%)} .rensa-news-page .news-title-panel{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;background:rgba(2,8,7,.78);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 44px 13px 14px;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .rensa-news-page .news-title-panel time,.rensa-news-page .news-title-panel h2,.rensa-news-page .news-title-panel span{margin:0!important} .rensa-news-page .news-title-panel time{color:#8fe55d!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.12em;font-weight:850} .rensa-news-page .news-title-panel h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(18px,1.8vw,27px)!important;line-height:1.08!important;letter-spacing:.002em!important;font-weight:740!important;margin-top:5px!important;color:#fff} .rensa-news-page .news-title-panel span{position:absolute;right:14px;bottom:14px;color:#8fe55d;font-weight:900;font-size:0}.rensa-news-page .news-title-panel span:after{content:"↗";font-size:19px} .rensa-news-page .news-premium-grid p{margin:16px 20px 0!important;color:#596a61} @media(max-width:900px){ .rensa-variant-corporate .news-editorial-shell{padding-top:72px!important;padding-bottom:16px!important;gap:9px!important} .rensa-variant-corporate .news-editorial-heading h2{font-size:clamp(34px,8.8vw,48px)!important;margin-top:6px!important} .rensa-variant-corporate .news-grid-3x3 .news-card-copy{left:12px;right:12px;bottom:12px;min-height:82px;padding:13px 42px 13px 14px!important} .rensa-variant-corporate .news-card-copy h3{font-size:17px!important;-webkit-line-clamp:3!important} .rensa-news-page .inner-content-section.news-archive-section{padding-top:48px!important} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha17 — Newsroom Fit + Executive Typography Runtime closeout from desktop review: the complete 3×3 newsroom must fit inside one viewport, and large display titles need real horizontal breathing. ======================================================================== */ /* Premium display typography: remove the compressed/negative tracking inherited from early concepts. Preserve impact while giving every glyph room to breathe. */ .rensa-variant-corporate .corporate-hero .hero h1, .rensa-variant-corporate .numbers-photo .numbers-intro h2, .rensa-variant-corporate .solutions-premium .section-heading h2, .rensa-variant-corporate .powerwall-copy h2, .rensa-variant-corporate .project-showcase-heading h2, .rensa-variant-corporate .projects-gallery-copy h2, .rensa-variant-corporate .map-copy h2, .rensa-variant-corporate .calculator-copy h2, .rensa-variant-corporate .history-portal-copy h2, .rensa-variant-corporate .lead-layout h2, .rensa-variant-corporate .footer-brand-block h2, .rensa-variant-corporate .timeline-scene h2, .rensa-variant-corporate .inner-hero h1, .rensa-variant-corporate .inner-content-section h2{ letter-spacing:.0025em!important; line-height:1.015!important; text-wrap:balance; } .rensa-variant-corporate .corporate-hero .hero h1{max-width:1120px!important} .rensa-variant-corporate .project-showcase-heading h2{max-width:1040px!important} .rensa-variant-corporate .powerwall-copy h2{max-width:880px!important} .rensa-variant-corporate .solutions-premium .section-heading h2{max-width:1080px!important} /* Homepage newsroom desktop: keep heading and ALL 9 stories inside the scene. The grid gets an explicit viewport-safe height instead of consuming the remaining track without an upper bound. */ @media(min-width:901px){ .rensa-variant-corporate .news-editorial-shell{ height:var(--rensa-vh,100svh)!important; padding-top:clamp(78px,8.4vh,90px)!important; padding-bottom:18px!important; grid-template-rows:max-content minmax(0,1fr)!important; align-content:start!important; gap:8px!important; } .rensa-variant-corporate .news-editorial-heading{ max-width:980px!important; margin:0!important; transform:translateY(-2px); } .rensa-variant-corporate .news-editorial-heading .section-kicker{margin:0!important} .rensa-variant-corporate .news-editorial-heading h2{ font-size:clamp(42px,4.15vw,66px)!important; line-height:1!important; letter-spacing:.002em!important; margin:5px 0 4px!important; } .rensa-variant-corporate .news-editorial-heading p{ margin:0!important; font-size:11px!important; line-height:1.35!important; } .rensa-variant-corporate .news-grid-3x3{ height:min(570px,calc(var(--rensa-vh,100svh) - 265px))!important; max-height:570px!important; min-height:0!important; align-self:start!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; gap:9px!important; overflow:visible!important; } .rensa-variant-corporate .news-grid-3x3 .news-card{ height:auto!important; min-height:0!important; } .rensa-variant-corporate .news-grid-3x3 .news-card>a{ position:relative!important; display:block!important; height:100%!important; min-height:0!important; overflow:hidden!important; } .rensa-variant-corporate .news-grid-3x3 .news-image{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; } .rensa-variant-corporate .news-grid-3x3 .news-card-copy{ position:absolute!important; left:9px!important; right:9px!important; bottom:9px!important; min-height:54px!important; padding:8px 34px 8px 11px!important; background:linear-gradient(135deg,rgba(3,12,10,.92),rgba(7,31,24,.84))!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:10px!important; box-shadow:0 10px 24px rgba(0,0,0,.16)!important; color:#fff!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } .rensa-variant-corporate .news-grid-3x3 .news-card-copy time{ color:#9be65e!important; font-size:6.5px!important; letter-spacing:.16em!important; } .rensa-variant-corporate .news-grid-3x3 .news-card-copy h3{ color:#fff!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:clamp(11px,.88vw,15px)!important; font-weight:700!important; line-height:1.14!important; letter-spacing:.012em!important; margin:3px 0 0!important; -webkit-line-clamp:2!important; } } /* Mobile display type keeps the same premium breathing without forcing wraps. */ @media(max-width:900px){ .rensa-variant-corporate .corporate-hero .hero h1, .rensa-variant-corporate .numbers-photo .numbers-intro h2, .rensa-variant-corporate .solutions-premium .section-heading h2, .rensa-variant-corporate .powerwall-copy h2, .rensa-variant-corporate .project-showcase-heading h2, .rensa-variant-corporate .projects-gallery-copy h2, .rensa-variant-corporate .map-copy h2, .rensa-variant-corporate .calculator-copy h2, .rensa-variant-corporate .history-portal-copy h2, .rensa-variant-corporate .lead-layout h2, .rensa-variant-corporate .footer-brand-block h2, .rensa-variant-corporate .timeline-scene h2, .rensa-variant-corporate .inner-hero h1, .rensa-variant-corporate .inner-content-section h2{ letter-spacing:.001em!important; line-height:1.025!important; } } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha18 — News title glass refinement Preserve the approved 3×3 newsroom geometry while allowing more of each project photograph to remain visible behind the executive title stage. ======================================================================== */ .rensa-variant-corporate .news-grid-3x3 .news-card-copy{ background:linear-gradient(135deg,rgba(3,14,11,.60),rgba(7,34,26,.48))!important; border-color:rgba(255,255,255,.20)!important; box-shadow:0 10px 26px rgba(0,0,0,.12)!important; backdrop-filter:blur(7px) saturate(112%)!important; -webkit-backdrop-filter:blur(7px) saturate(112%)!important; } .rensa-variant-corporate .news-grid-3x3 .news-image:after{ background:linear-gradient(180deg,transparent 55%,rgba(2,10,8,.10) 72%,rgba(2,10,8,.34) 100%)!important; } .rensa-news-page .news-title-panel{ background:linear-gradient(135deg,rgba(2,10,8,.62),rgba(8,34,26,.50))!important; border-color:rgba(255,255,255,.20)!important; box-shadow:0 10px 28px rgba(0,0,0,.12)!important; backdrop-filter:blur(8px) saturate(112%)!important; -webkit-backdrop-filter:blur(8px) saturate(112%)!important; } .rensa-news-page .news-premium-grid .news-image:after{ background:linear-gradient(180deg,transparent 52%,rgba(2,10,8,.10) 70%,rgba(2,10,8,.34) 100%)!important; } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha19 — Official Clients Ticker 137 deduplicated client records, right-to-left, reused on Client page and below the RENSA en Números metrics. ======================================================================== */ .client-ticker-section{padding:22px 0 26px!important;background:linear-gradient(180deg,#fff,#f8fbf9)!important} .client-ticker-heading{width:min(1420px,calc(100% - 64px));margin:0 auto 14px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#137e4b} .client-ticker{overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)} .client-ticker-track{display:flex;align-items:center;width:max-content;gap:14px;animation:rensaClientTicker 210s linear infinite;will-change:transform} .client-ticker-copy{display:contents} .client-ticker:hover .client-ticker-track{animation-play-state:paused} .client-logo-chip{flex:0 0 176px;width:176px;height:78px;border-radius:16px;padding:14px 18px;background:#fff;border:1px solid rgba(12,70,49,.11);box-shadow:0 10px 28px rgba(5,49,34,.045)} .client-logo-chip img{max-width:100%;max-height:100%;object-fit:contain} .client-logo-chip b{font-size:14px;line-height:1.15;letter-spacing:.006em;font-weight:760;color:#123a2d;text-align:center} .rensa-variant-corporate .numbers-photo-inner{grid-template-rows:auto auto;align-content:center} .rensa-variant-corporate .numbers-client-ticker-wrap{grid-column:1/-1;min-width:0;margin-top:clamp(10px,1.5vh,18px);padding-top:14px;border-top:1px solid rgba(255,255,255,.16);overflow:hidden} .rensa-variant-corporate .numbers-client-ticker-label{display:block;margin:0 0 9px;font-size:8px;font-weight:900;letter-spacing:.19em;color:rgba(255,255,255,.72)} .rensa-variant-corporate .numbers-client-ticker{width:100%} .rensa-variant-corporate .numbers-client-ticker .client-ticker-track{gap:10px;animation-duration:210s} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip{flex-basis:142px;width:142px;height:58px;border-radius:12px;padding:9px 13px;background:rgba(255,255,255,.90);border-color:rgba(255,255,255,.35);box-shadow:0 10px 22px rgba(0,0,0,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip b{font-size:11px;color:#14362b} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip img{max-height:38px} .home .rensa-screen .numbers-client-ticker-wrap{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.2,.7,.2,1) .16s,transform .72s cubic-bezier(.2,.7,.2,1) .16s} .home .rensa-screen.is-screen-active .numbers-client-ticker-wrap{opacity:1;transform:none} @media(max-width:900px){ .client-ticker-heading{width:calc(100% - 34px);margin-bottom:10px} .client-ticker-track{animation-duration:180s;gap:10px} .client-logo-chip{flex-basis:148px;width:148px;height:66px;padding:10px 13px;border-radius:13px} .client-logo-chip b{font-size:12px} .rensa-variant-corporate .numbers-photo-inner{gap:12px!important;align-content:center} .rensa-variant-corporate .numbers-client-ticker-wrap{margin-top:0;padding-top:10px} .rensa-variant-corporate .numbers-client-ticker-label{font-size:7px;margin-bottom:7px} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip{flex-basis:122px;width:122px;height:48px;padding:7px 10px} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip b{font-size:9.5px} .rensa-variant-corporate .numbers-client-ticker .client-logo-chip img{max-height:31px} } @media(prefers-reduced-motion:reduce){ .client-ticker-track{animation:none!important;overflow-x:auto} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha20 — Client Logo Ticker + Navigation ======================================================================== */ /* Premium submenus: absolute black/charcoal surface + white labels. */ .rensa-variant-corporate .desktop-nav .sub-menu, .desktop-nav .sub-menu{ background:#050708!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 26px 74px rgba(0,0,0,.34)!important; } .rensa-variant-corporate .desktop-nav .sub-menu a, .desktop-nav .sub-menu a{ color:#fff!important; opacity:1!important; text-shadow:none!important; } .rensa-variant-corporate .desktop-nav .sub-menu a:hover, .rensa-variant-corporate .desktop-nav .sub-menu a:focus, .rensa-variant-corporate .desktop-nav .sub-menu .current-menu-item>a, .desktop-nav .sub-menu a:hover, .desktop-nav .sub-menu a:focus, .desktop-nav .sub-menu .current-menu-item>a{ color:#fff!important; background:rgba(102,198,58,.20)!important; } @media(max-width:1100px){ .rensa-variant-corporate .mobile-nav .sub-menu, .mobile-nav .sub-menu{ background:#050708!important; border:1px solid rgba(255,255,255,.10)!important; border-left:0!important; border-radius:14px!important; padding:9px!important; margin:8px 0 6px!important; } .rensa-variant-corporate .mobile-nav .sub-menu a, .mobile-nav .sub-menu a{ color:#fff!important; opacity:1!important; padding:10px 12px!important; border-radius:9px!important; } .rensa-variant-corporate .mobile-nav .sub-menu a:hover, .rensa-variant-corporate .mobile-nav .sub-menu a:focus, .mobile-nav .sub-menu a:hover, .mobile-nav .sub-menu a:focus{ background:rgba(102,198,58,.18)!important; } } /* Assistant launcher aligned with the hero slider control baseline. */ .rensa-variant-corporate .rensa-assistant-launcher{ right:max(24px,env(safe-area-inset-right,0px))!important; bottom:34px!important; } .rensa-variant-corporate .rensa-assistant-drawer{ bottom:108px!important; } @media(max-width:760px){ .rensa-variant-corporate .rensa-assistant-launcher{ right:max(12px,env(safe-area-inset-right,0px))!important; bottom:calc(20px + env(safe-area-inset-bottom,0px))!important; } .rensa-variant-corporate .rensa-assistant-drawer{ right:10px!important; bottom:calc(86px + env(safe-area-inset-bottom,0px))!important; max-height:calc(100dvh - 112px)!important; } } /* Client logo ticker: transparent logo artwork, no white logo cards. */ .client-ticker-section{ background:linear-gradient(180deg,#fff,#f6faf8)!important; } .client-logo-chip{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 176px; width:176px; height:78px; padding:10px 14px!important; border-radius:14px!important; } .client-logo-chip.has-logo{ background:transparent!important; border:0!important; box-shadow:none!important; } .client-logo-chip.has-logo img{ width:auto!important; max-width:100%!important; max-height:58px!important; object-fit:contain!important; filter:drop-shadow(0 5px 10px rgba(5,39,30,.05)); } .client-logo-chip.is-text{ background:rgba(7,60,85,.055)!important; border:1px solid rgba(7,60,85,.09)!important; box-shadow:none!important; } .client-logo-chip.is-text b{ color:#123a2d!important; font-size:13px!important; line-height:1.15!important; font-weight:760!important; text-align:center!important; } /* On the dark Numbers scene, use one continuous translucent runway rather than a separate white box behind each individual logo. */ .rensa-variant-corporate .numbers-client-ticker-wrap{ border-top:1px solid rgba(255,255,255,.16)!important; } .rensa-variant-corporate .numbers-client-ticker{ background:rgba(255,255,255,.90); border:1px solid rgba(255,255,255,.24); border-radius:16px; padding:5px 0; box-shadow:0 14px 34px rgba(0,0,0,.10); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip{ height:52px!important; padding:5px 11px!important; } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip.has-logo{ background:transparent!important; } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip.has-logo img{ max-height:38px!important; } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip.is-text{ background:rgba(7,60,85,.045)!important; border-color:rgba(7,60,85,.07)!important; } @media(max-width:900px){ .client-logo-chip{flex-basis:146px;width:146px;height:64px;padding:8px 10px!important} .client-logo-chip.has-logo img{max-height:46px!important} .client-logo-chip.is-text b{font-size:11px!important} .rensa-variant-corporate .numbers-client-ticker{ border-radius:13px; padding:4px 0; } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip{ flex-basis:120px!important;width:120px!important;height:46px!important; } .rensa-variant-corporate .numbers-client-ticker .client-logo-chip.has-logo img{ max-height:32px!important; } } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha21 — Mobile News Card Geometry Image and title stage now share the exact same card width on phones. ======================================================================== */ @media(max-width:900px){ .rensa-variant-corporate .news-grid-3x3 .news-card{ padding:0!important; background:transparent!important; border-radius:20px!important; overflow:hidden!important; } .rensa-variant-corporate .news-grid-3x3 .news-card>a{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; overflow:hidden!important; border-radius:20px!important; background:rgba(132,142,138,.52)!important; } .rensa-variant-corporate .news-grid-3x3 .news-image{ position:relative!important; inset:auto!important; flex:0 0 56%!important; width:100%!important; max-width:none!important; height:56%!important; margin:0!important; border-radius:0!important; overflow:hidden!important; } .rensa-variant-corporate .news-grid-3x3 .news-image img{ display:block!important; width:100%!important; min-width:100%!important; max-width:none!important; height:100%!important; object-fit:cover!important; object-position:center!important; } .rensa-variant-corporate .news-grid-3x3 .news-image:after{display:none!important} .rensa-variant-corporate .news-grid-3x3 .news-card-copy{ position:relative!important; left:auto!important;right:auto!important;bottom:auto!important; flex:1 1 44%!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:18px 50px 18px 20px!important; border:0!important; border-radius:0!important; background:linear-gradient(135deg,rgba(91,104,99,.64),rgba(105,116,112,.54))!important; backdrop-filter:blur(8px) saturate(108%)!important; -webkit-backdrop-filter:blur(8px) saturate(108%)!important; box-shadow:none!important; display:flex!important; justify-content:center!important; } .rensa-variant-corporate .news-grid-3x3 .news-card-copy>span{right:18px!important;bottom:18px!important} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha22 — Premium Projects Experience ======================================================================== */ .projects-experience-page{background:#061b1a;color:#fff}.projects-experience{position:relative;min-height:100svh;padding:clamp(120px,14vh,170px) 0 42px;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(29,137,166,.32),transparent 34%),linear-gradient(135deg,#061717,#073248 62%,#0a6048)}.projects-experience-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(180deg,#000,transparent 84%);pointer-events:none}.projects-experience-head{position:relative;z-index:2;width:min(1500px,calc(100% - 72px));margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:60px;align-items:end}.projects-experience-head h1{font-size:clamp(44px,5.4vw,82px);line-height:.96;letter-spacing:.005em;margin:12px 0 0;max-width:980px}.projects-experience-head p{margin:0 0 8px;color:rgba(255,255,255,.72);font-size:15px;max-width:470px}.projects-accordion-wrap{position:relative;z-index:2;width:min(1600px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:12px;align-items:stretch}.projects-accordion{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:3px;min-height:min(61vh,650px)}.projects-accordion::-webkit-scrollbar{display:none}.project-archive-panel{position:relative;flex:0 0 clamp(84px,8vw,128px);border-radius:24px;overflow:hidden;scroll-snap-align:center;transition:flex-basis 1.05s cubic-bezier(.16,1,.3,1),opacity .7s ease,filter .7s ease,transform .7s cubic-bezier(.16,1,.3,1);background:#0d2826;box-shadow:0 22px 60px rgba(0,0,0,.2)}.project-archive-panel.is-active{flex-basis:min(68vw,980px);transform:translateY(-2px)}.project-archive-panel:not(.is-active){filter:saturate(.72) brightness(.72)}.project-archive-panel>a{display:block;position:absolute;inset:0;color:#fff}.project-archive-image{position:absolute;inset:0;overflow:hidden}.project-archive-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform 1s cubic-bezier(.16,1,.3,1)}.project-archive-panel.is-active .project-archive-image img{animation:rensaProjectKenBurns 8s ease-in-out both}.project-archive-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,11,10,.05) 25%,rgba(2,13,12,.18) 52%,rgba(1,10,9,.90) 100%),linear-gradient(90deg,rgba(2,12,10,.40),transparent 56%);transition:.7s}.project-archive-panel:not(.is-active) .project-archive-shade{background:linear-gradient(180deg,rgba(2,14,13,.30),rgba(2,12,11,.70))}.project-archive-index{position:absolute;top:22px;left:22px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(5,27,25,.44);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(9px);font-size:11px;font-weight:900;letter-spacing:.12em}.project-archive-copy{position:absolute;left:clamp(24px,3vw,48px);right:clamp(24px,3vw,48px);bottom:clamp(24px,4vh,48px);opacity:0;transform:translateY(22px);transition:opacity .65s ease .18s,transform .85s cubic-bezier(.16,1,.3,1) .18s}.project-archive-panel.is-active .project-archive-copy{opacity:1;transform:none}.project-archive-copy>span:first-child{color:#86e34f;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.project-archive-copy h2{font-size:clamp(34px,4.2vw,68px);line-height:.98;letter-spacing:.005em;margin:10px 0 18px;max-width:760px}.project-archive-facts{display:flex;gap:12px;flex-wrap:wrap}.project-archive-facts b{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:14px}.project-archive-facts small{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.62);font-weight:700}.project-archive-copy p{max-width:650px;margin:16px 0 0;color:rgba(255,255,255,.78);font-size:14px}.project-open{display:inline-block!important;margin-top:18px;color:#fff!important;font-size:11px!important;letter-spacing:.10em!important}.projects-arrow{align-self:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.30);background:rgba(4,27,25,.56);color:#fff;font-size:22px;backdrop-filter:blur(12px);cursor:pointer;transition:.3s}.projects-arrow:hover{background:#69cb3c;color:#062117;transform:scale(1.06)}.projects-experience-status{position:relative;z-index:2;width:min(1500px,calc(100% - 72px));margin:18px auto 0;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:10px;font-weight:900;letter-spacing:.10em}.projects-experience-status i{width:120px;height:2px;background:rgba(255,255,255,.20);overflow:hidden}.projects-experience-status b{display:block;width:100%;height:100%;background:#77d843;transform:scaleX(0);transform-origin:left;transition:transform .55s ease}@keyframes rensaProjectKenBurns{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.4%,1%,0)}} .project-single-premium{background:#f4f8f5}.project-detail-hero{min-height:78svh;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative;color:#fff}.project-detail-hero-inner{position:relative;z-index:2;width:min(1400px,calc(100% - 72px));margin:0 auto 8vh}.project-detail-hero h1{font-size:clamp(52px,7vw,108px);line-height:.91;letter-spacing:.005em;margin:16px 0 28px;max-width:1000px}.project-facts{display:flex;gap:12px;flex-wrap:wrap}.project-facts span{padding:13px 16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(8,30,25,.28);backdrop-filter:blur(12px);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.project-facts b{display:block;font-size:17px;text-transform:none;letter-spacing:0;margin-bottom:3px}.project-story-section{padding:90px 0}.project-story-grid{width:min(1320px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:70px;align-items:start}.project-story-copy{font-size:clamp(17px,1.4vw,22px);line-height:1.75;color:#21372e}.project-story-copy p:first-of-type{font-size:clamp(24px,2.2vw,34px);line-height:1.35;color:#092a20}.project-tech-card{position:sticky;top:120px;padding:26px;border-radius:22px;background:#062e39;color:#fff;box-shadow:0 25px 70px rgba(6,46,57,.16)}.project-tech-card>span{color:#7add48;font-size:9px;font-weight:900;letter-spacing:.17em}.project-tech-card>div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.project-tech-card b,.project-tech-card small{display:block}.project-tech-card b{font-size:25px}.project-tech-card small{color:rgba(255,255,255,.62);margin-top:3px}.project-gallery-section{padding:80px 0 110px;background:#071e20;color:#fff}.project-gallery-head{width:min(1320px,calc(100% - 72px));margin:0 auto 34px}.project-gallery-head h2{font-size:clamp(38px,4.6vw,70px);line-height:1;letter-spacing:.005em;margin:12px 0 0}.project-gallery-grid{width:min(1500px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-gallery-photo{margin:0;border-radius:20px;overflow:hidden;min-height:360px}.project-gallery-photo.is-wide{grid-column:1/-1;min-height:560px}.project-gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.project-gallery-photo:hover img{transform:scale(1.045)}.project-video-section{padding:100px 0;background:#fff}.project-video-shell{width:min(1200px,calc(100% - 72px));margin:auto}.project-video-shell .video-wrap{margin-top:24px;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.12)}.project-back-section{padding:40px 36px 90px;text-align:center;background:#fff} @media(max-width:900px){.projects-experience{padding:120px 0 28px;min-height:100dvh}.projects-experience-head{width:calc(100% - 34px);grid-template-columns:1fr;gap:12px;margin-bottom:20px}.projects-experience-head h1{font-size:clamp(38px,11vw,62px);line-height:.98}.projects-experience-head p{font-size:12px}.projects-accordion-wrap{width:100%;display:block}.projects-accordion{min-height:56dvh;gap:10px;padding:0 18px 4px;scroll-snap-type:x mandatory}.project-archive-panel,.project-archive-panel.is-active{flex:0 0 86vw;min-height:56dvh;filter:none;transform:none}.project-archive-panel:not(.is-active){opacity:.70}.project-archive-copy{left:22px;right:22px;bottom:24px;opacity:1;transform:none}.project-archive-copy h2{font-size:36px;line-height:1}.project-archive-copy p{font-size:12px;max-height:3.8em;overflow:hidden}.projects-arrow{position:absolute;z-index:5;bottom:18px;width:44px;height:44px}.projects-arrow-prev{left:30px}.projects-arrow-next{right:30px}.projects-experience-status{width:calc(100% - 34px);margin-top:14px;justify-content:center}.project-detail-hero-inner{width:calc(100% - 34px);margin-bottom:7vh}.project-detail-hero h1{font-size:clamp(44px,14vw,70px)}.project-story-grid{width:calc(100% - 34px);grid-template-columns:1fr;gap:28px}.project-tech-card{position:static}.project-gallery-head,.project-gallery-grid,.project-video-shell{width:calc(100% - 34px)}.project-gallery-grid{grid-template-columns:1fr}.project-gallery-photo,.project-gallery-photo.is-wide{grid-column:auto;min-height:320px}} @media(prefers-reduced-motion:reduce){.project-archive-panel,.project-archive-image img,.project-archive-copy{transition:none!important;animation:none!important}} /* RENSA Corporate Plus alpha23 — Projects Archive Runtime Hotfix */ .projects-experience-head h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.16)} .projects-experience-head p{color:rgba(255,255,255,.82)!important;max-width:460px!important;justify-self:end;overflow-wrap:break-word;word-break:normal} .projects-experience-head>div,.projects-experience-head>p{min-width:0} .projects-experience-head{overflow:hidden} .projects-empty{display:none!important} @media(max-width:900px){.projects-experience-head{overflow:visible}.projects-experience-head p{justify-self:start;max-width:100%!important}.projects-experience-head h1{color:#fff!important}} /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha24 — Projects Contrast + Mobile News Fit ======================================================================== */ /* Projects archive: force executive white typography on the dark experience. */ body.rensa-variant-corporate .projects-experience, body.rensa-variant-corporate .projects-experience-page{ color:#fff!important; } body.rensa-variant-corporate .projects-experience-head h1, body.rensa-variant-corporate .projects-experience-head h1 *, body.rensa-variant-corporate .projects-experience-head p{ color:#fff!important; } body.rensa-variant-corporate .projects-experience-head p{ color:rgba(255,255,255,.84)!important; } body.rensa-variant-corporate .projects-experience-head .section-kicker{ color:#8fe55d!important; } /* Mobile newsroom: image and lower glass stage are one exact-width card. */ @media(max-width:900px){ body.rensa-variant-corporate .news-grid-3x3{ grid-auto-columns:78vw!important; } body.rensa-variant-corporate .news-grid-3x3 .news-card{ width:78vw!important; min-width:78vw!important; max-width:78vw!important; padding:0!important; overflow:hidden!important; border-radius:22px!important; background:transparent!important; } body.rensa-variant-corporate .news-grid-3x3 .news-card>a{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:100%!important; max-width:100%!important; height:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:22px!important; background:rgba(106,117,112,.52)!important; } body.rensa-variant-corporate .news-grid-3x3 .news-image{ position:relative!important; inset:auto!important; display:block!important; flex:0 0 56%!important; width:100%!important; min-width:100%!important; max-width:100%!important; height:56%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; } body.rensa-variant-corporate .news-grid-3x3 .news-image img{ display:block!important; width:100%!important; min-width:100%!important; max-width:100%!important; height:100%!important; margin:0!important; object-fit:cover!important; object-position:center!important; } body.rensa-variant-corporate .news-grid-3x3 .news-card-copy{ position:relative!important; inset:auto!important; display:flex!important; flex:1 1 44%!important; width:100%!important; min-width:100%!important; max-width:100%!important; margin:0!important; padding:18px 52px 18px 20px!important; border:0!important; border-radius:0!important; background:linear-gradient(135deg,rgba(67,80,75,.58),rgba(92,103,99,.50))!important; backdrop-filter:blur(9px) saturate(108%)!important; -webkit-backdrop-filter:blur(9px) saturate(108%)!important; box-shadow:none!important; } } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha26 — Premium Motion System Original RENSA choreography inspired by contemporary renewable-energy web motion patterns. No third-party template content or layout is copied. ======================================================================== */ :root{ --rensa-motion-ease:cubic-bezier(.16,1,.3,1); --rensa-motion-soft:cubic-bezier(.22,.61,.36,1); --rensa-motion-duration:880ms; --rensa-motion-parallax-y:0px; } /* Hero choreography — each new slide rebuilds itself softly. */ .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>.eyebrow, .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>h1, .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>.hero-copy, .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>p, .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>.hero-buttons{ animation:rensaHeroReveal .92s var(--rensa-motion-ease) both; } .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>h1{animation-name:rensaHeroTitleFromLeft;animation-delay:.08s} .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>.hero-copy, .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>p{animation-delay:.16s} .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>.hero-buttons{animation-delay:.25s} .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-facts{animation:rensaHeroReveal .9s var(--rensa-motion-ease) .30s both} .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-index{animation:rensaIndexReveal 1.15s var(--rensa-motion-ease) .18s both} .rensa-motion-ready .corporate-hero .hero-grid{animation:rensaGridDrift 18s linear infinite alternate} @keyframes rensaHeroReveal{from{opacity:0;transform:translate3d(0,34px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:none}} @keyframes rensaIndexReveal{from{opacity:0;transform:translate3d(28px,18px,0) scale(.94)}to{opacity:1;transform:none}} @keyframes rensaGridDrift{from{background-position:0 0,0 0}to{background-position:42px 18px,42px 18px}} /* Generic viewport reveal classes are added by main.js only when JS is ready. */ html.rensa-motion-ready .rensa-motion-reveal, html.rensa-motion-ready .rensa-motion-title, html.rensa-motion-ready .rensa-motion-fade, html.rensa-motion-ready .rensa-motion-mask{ will-change:transform,opacity,clip-path,filter; } html.rensa-motion-ready .rensa-motion-reveal{ opacity:0; transform:translate3d(0,34px,0); filter:blur(3px); transition:opacity var(--rensa-motion-duration) var(--rensa-motion-ease) var(--motion-delay,0ms),transform var(--rensa-motion-duration) var(--rensa-motion-ease) var(--motion-delay,0ms),filter .72s ease var(--motion-delay,0ms); } html.rensa-motion-ready .rensa-motion-reveal.motion-from-left{transform:translate3d(-42px,8px,0)} html.rensa-motion-ready .rensa-motion-reveal.motion-from-right{transform:translate3d(42px,8px,0)} html.rensa-motion-ready .rensa-motion-reveal.is-motion-visible{opacity:1;transform:none;filter:none} html.rensa-motion-ready .rensa-motion-fade{ opacity:0; filter:blur(7px); transition:opacity .9s ease var(--motion-delay,0ms),filter 1s ease var(--motion-delay,0ms); } html.rensa-motion-ready .rensa-motion-fade.is-motion-visible{opacity:1;filter:none} /* Title reveal uses a mask rather than splitting or rewriting user text. */ html.rensa-motion-ready .rensa-motion-title{ opacity:.001; clip-path:inset(0 0 100% 0 round 1px); transform:translate3d(0,20px,0); transition:clip-path 1s var(--rensa-motion-ease) var(--motion-delay,0ms),transform 1s var(--rensa-motion-ease) var(--motion-delay,0ms),opacity .18s ease var(--motion-delay,0ms); } html.rensa-motion-ready .rensa-motion-title.is-motion-visible{opacity:1;clip-path:inset(0 0 0 0 round 1px);transform:none} /* Photography wipes in cleanly while preserving the existing hover behavior. */ html.rensa-motion-ready .rensa-motion-mask{ clip-path:inset(0 0 100% 0 round 18px); opacity:.55; transition:clip-path 1.05s var(--rensa-motion-ease) var(--motion-delay,0ms),opacity .75s ease var(--motion-delay,0ms); } html.rensa-motion-ready .rensa-motion-mask.is-motion-visible{clip-path:inset(0 0 0 0 round 18px);opacity:1} /* Section-kicker line builds itself when the label enters the scene. */ html.rensa-motion-ready .section-kicker.rensa-motion-reveal:before, html.rensa-motion-ready .eyebrow.rensa-motion-reveal:before{ transform:scaleX(0);transform-origin:left center;transition:transform .75s var(--rensa-motion-ease) calc(var(--motion-delay,0ms) + 90ms) } html.rensa-motion-ready .section-kicker.rensa-motion-reveal.is-motion-visible:before, html.rensa-motion-ready .eyebrow.rensa-motion-reveal.is-motion-visible:before{transform:scaleX(1)} /* Background depth — intentionally small to keep text readable and motion calm. */ .rensa-motion-premium .numbers-photo, .rensa-motion-premium .calculator-photo{background-position:center calc(50% + var(--rensa-motion-parallax-y,0px))} .rensa-motion-premium .solutions-premium:before, .rensa-motion-premium .powerwall-section:before, .rensa-motion-premium .history-portal .history-link-bg, .rensa-motion-premium .site-footer .footer-photo{ transform:translate3d(0,var(--rensa-motion-parallax-y,0px),0) scale(1.065); transition:transform .12s linear; will-change:transform; } /* Floating decorative energy forms. */ .rensa-motion-premium .solutions-orb.orb-one{animation:rensaOrbFloatA 9s ease-in-out infinite alternate} .rensa-motion-premium .solutions-orb.orb-two{animation:rensaOrbFloatB 11s ease-in-out infinite alternate} @keyframes rensaOrbFloatA{to{transform:translate3d(22px,-18px,0) scale(1.06)}} @keyframes rensaOrbFloatB{to{transform:translate3d(-18px,22px,0) scale(.94)}} /* Project photography keeps moving even after expansion, but very gently. */ .rensa-motion-premium .project-hover-gallery .project-panel.is-active, .rensa-motion-premium .project-hover-gallery .project-panel.is-featured:not(.is-muted){ animation:rensaProjectImageDrift 10s ease-in-out alternate infinite; } @keyframes rensaProjectImageDrift{from{background-position:50% 50%}to{background-position:48.5% 52%}} /* Map energy points: pulse rather than flash. */ .rensa-motion-premium .province-pin i, .rensa-motion-premium .map-pin{ animation:rensaMapPulse 2.8s ease-out infinite; } .rensa-motion-premium .province-pin:nth-of-type(2) i{animation-delay:.45s} .rensa-motion-premium .province-pin:nth-of-type(3) i{animation-delay:.9s} .rensa-motion-premium .province-pin:nth-of-type(4) i{animation-delay:1.35s} @keyframes rensaMapPulse{0%,100%{box-shadow:0 0 0 7px rgba(73,200,62,.12),0 0 20px rgba(94,238,94,.40)}52%{box-shadow:0 0 0 15px rgba(73,200,62,0),0 0 32px rgba(94,238,94,.64)}} /* Premium hover depth for editorial blocks; no exaggerated motion. */ .rensa-motion-premium .news-card, .rensa-motion-premium .brand-premium-card, .rensa-motion-premium .certification-grid article, .rensa-motion-premium .social-story-grid article, .rensa-motion-premium .client-logo-chip{ transition:transform .65s var(--rensa-motion-ease),box-shadow .65s ease,border-color .5s ease,filter .5s ease; } @media(hover:hover) and (pointer:fine){ .rensa-motion-premium .news-card:hover, .rensa-motion-premium .brand-premium-card:hover, .rensa-motion-premium .certification-grid article:hover, .rensa-motion-premium .social-story-grid article:hover{transform:translateY(-7px);box-shadow:0 28px 68px rgba(4,48,38,.13)} .rensa-motion-premium .client-logo-chip:hover{transform:translateY(-4px) scale(1.025);filter:saturate(1.08)} } /* Buttons pick up a restrained light sweep, still corporate rather than flashy. */ .rensa-motion-premium .button,.rensa-motion-premium .header-cta{isolation:isolate} .rensa-motion-premium .button:before,.rensa-motion-premium .header-cta:before{ content:"";position:absolute;inset:-2px auto -2px -42%;width:32%;z-index:-1;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transition:left .75s var(--rensa-motion-ease);pointer-events:none } .rensa-motion-premium .button:hover:before,.rensa-motion-premium .header-cta:hover:before{left:116%} /* History teaser line and nodes get a slightly richer staged reveal. */ .rensa-motion-premium .history-line{transform-origin:left center;transition:clip-path 1.15s var(--rensa-motion-ease);clip-path:inset(0 100% 0 0)} .rensa-motion-premium .history-portal.is-screen-active .history-line{clip-path:inset(0 0 0 0)} /* The animated values stay readable while counting. */ .rensa-motion-premium .numbers-photo-stats .stat strong.is-counting{font-variant-numeric:tabular-nums;letter-spacing:-.025em} @media(max-width:760px){ :root{--rensa-motion-duration:720ms} html.rensa-motion-ready .rensa-motion-reveal{transform:translate3d(0,22px,0);filter:blur(2px)} html.rensa-motion-ready .rensa-motion-reveal.motion-from-left, html.rensa-motion-ready .rensa-motion-reveal.motion-from-right{transform:translate3d(0,22px,0)} .rensa-motion-premium .solutions-premium:before, .rensa-motion-premium .powerwall-section:before, .rensa-motion-premium .history-portal .history-link-bg, .rensa-motion-premium .site-footer .footer-photo{transform:translate3d(0,var(--rensa-motion-parallax-y,0px),0) scale(1.035)} } @media(prefers-reduced-motion:reduce){ html.rensa-motion-ready .rensa-motion-reveal, html.rensa-motion-ready .rensa-motion-title, html.rensa-motion-ready .rensa-motion-fade, html.rensa-motion-ready .rensa-motion-mask{ opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important } .rensa-motion-premium .corporate-hero .hero-slide.is-active .hero-content>*, .rensa-motion-premium .corporate-hero .hero-slide.is-active .hero-facts, .rensa-motion-premium .corporate-hero .hero-slide.is-active .hero-index, .rensa-motion-premium .corporate-hero .hero-grid, .rensa-motion-premium .solutions-orb, .rensa-motion-premium .province-pin i, .rensa-motion-premium .map-pin, .rensa-motion-premium .project-hover-gallery .project-panel{animation:none!important} .rensa-motion-premium .solutions-premium:before, .rensa-motion-premium .powerwall-section:before, .rensa-motion-premium .history-portal .history-link-bg, .rensa-motion-premium .site-footer .footer-photo{transform:none!important;transition:none!important} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha27 — Motion Stability Hotfix Progressive enhancement rule: content is ALWAYS visible by default. JS only adds animation; it never owns visibility of titles or photography. ======================================================================== */ html.rensa-motion-ready .rensa-motion-reveal, html.rensa-motion-ready .rensa-motion-title, html.rensa-motion-ready .rensa-motion-fade, html.rensa-motion-ready .rensa-motion-mask{ opacity:1; transform:none; filter:none; clip-path:none; transition:none; visibility:visible; } /* The reveal is replayed only after JS confirms the target is in view. */ html.rensa-motion-ready .rensa-motion-reveal.is-motion-visible{ animation:rensaSafeReveal var(--rensa-motion-duration) var(--rensa-motion-ease) var(--motion-delay,0ms) both!important; } html.rensa-motion-ready .rensa-motion-fade.is-motion-visible{ animation:rensaSafeFade .9s ease var(--motion-delay,0ms) both!important; } html.rensa-motion-ready .rensa-motion-title.is-motion-visible{ animation:rensaTitleFromLeft 1.02s var(--rensa-motion-ease) var(--motion-delay,0ms) both!important; } html.rensa-motion-ready .rensa-motion-mask.is-motion-visible{ animation:rensaSafeMask 1.05s var(--rensa-motion-ease) var(--motion-delay,0ms) both!important; } @keyframes rensaSafeReveal{ from{opacity:0;transform:translate3d(0,28px,0);filter:blur(3px)} to{opacity:1;transform:none;filter:none} } @keyframes rensaSafeFade{ from{opacity:.18;filter:blur(6px)} to{opacity:1;filter:none} } @keyframes rensaSafeTitle{ from{opacity:.2;clip-path:inset(0 0 82% 0 round 1px);transform:translate3d(0,18px,0)} to{opacity:1;clip-path:inset(0 0 0 0 round 1px);transform:none} } @keyframes rensaTitleFromLeft{ from{opacity:.14;transform:translate3d(-74px,0,0);filter:blur(3px)} 62%{opacity:1} to{opacity:1;transform:none;filter:none} } @keyframes rensaHeroTitleFromLeft{ from{opacity:0;transform:translate3d(-92px,0,0);filter:blur(6px)} to{opacity:1;transform:none;filter:none} } @keyframes rensaSafeMask{ from{opacity:.72;clip-path:inset(0 0 72% 0 round 18px)} to{opacity:1;clip-path:inset(0 0 0 0 round 18px)} } /* Kicker lines must never disappear if the observer is delayed/blocked. */ html.rensa-motion-ready .section-kicker.rensa-motion-reveal:before, html.rensa-motion-ready .eyebrow.rensa-motion-reveal:before{ transform:scaleX(1)!important; transition:none!important; } html.rensa-motion-ready .section-kicker.rensa-motion-reveal.is-motion-visible:before, html.rensa-motion-ready .eyebrow.rensa-motion-reveal.is-motion-visible:before{ animation:rensaSafeLine .7s var(--rensa-motion-ease) calc(var(--motion-delay,0ms) + 70ms) both!important; } @keyframes rensaSafeLine{from{transform:scaleX(.18)}to{transform:scaleX(1)}} /* Extra safety for media blocks reported missing in runtime. */ .rensa-motion-ready .solution-media, .rensa-motion-ready .news-image, .rensa-motion-ready .project-gallery-photo, .rensa-motion-ready .social-story-image, .rensa-motion-ready .cert-image{ visibility:visible!important; opacity:1; } /* If JS never marks a screen active, important page copy must still remain visible. */ .rensa-motion-ready .numbers-intro h2, .rensa-motion-ready .section-heading h2, .rensa-motion-ready .powerwall-copy h2, .rensa-motion-ready .project-showcase-heading h2, .rensa-motion-ready .map-copy h2, .rensa-motion-ready .calculator-copy h2, .rensa-motion-ready .history-portal-copy h2, .rensa-motion-ready .lead-intro h2, .rensa-motion-ready .news-heading h2, .rensa-motion-ready .projects-experience-head h1, .rensa-motion-ready .project-gallery-head h2{ visibility:visible!important; } @media(max-width:760px){ html.rensa-motion-ready .rensa-motion-reveal.is-motion-visible{animation-name:rensaSafeRevealMobile!important} html.rensa-motion-ready .rensa-motion-title.is-motion-visible{animation-name:rensaTitleFromLeftMobile!important} .rensa-motion-ready .corporate-hero .hero-slide.is-active .hero-content>h1{animation-name:rensaHeroTitleFromLeftMobile!important} @keyframes rensaSafeRevealMobile{from{opacity:.2;transform:translate3d(0,18px,0);filter:blur(2px)}to{opacity:1;transform:none;filter:none}} @keyframes rensaTitleFromLeftMobile{from{opacity:.18;transform:translate3d(-38px,0,0);filter:blur(2px)}to{opacity:1;transform:none;filter:none}} @keyframes rensaHeroTitleFromLeftMobile{from{opacity:0;transform:translate3d(-44px,0,0);filter:blur(4px)}to{opacity:1;transform:none;filter:none}} } @media(prefers-reduced-motion:reduce){ html.rensa-motion-ready .rensa-motion-reveal.is-motion-visible, html.rensa-motion-ready .rensa-motion-title.is-motion-visible, html.rensa-motion-ready .rensa-motion-fade.is-motion-visible, html.rensa-motion-ready .rensa-motion-mask.is-motion-visible, html.rensa-motion-ready .section-kicker.rensa-motion-reveal.is-motion-visible:before, html.rensa-motion-ready .eyebrow.rensa-motion-reveal.is-motion-visible:before{animation:none!important} } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha29 — Real Title Left-Entrance Motion Content stays visible by default. JS adds .rensa-title-play only when a heading is actually entering the viewport, so animation can never hide content if scripting/observers fail. ======================================================================== */ .rensa-title-from-left{ visibility:visible; opacity:1; transform:none; filter:none; will-change:transform,opacity,filter; } html:not(.rensa-motion-reduced) .rensa-title-from-left.rensa-title-play{ animation:rensaTitleLeftAlpha29 .98s cubic-bezier(.16,1,.3,1) both!important; } @keyframes rensaTitleLeftAlpha29{ 0%{opacity:.08;transform:translate3d(-118px,0,0);filter:blur(7px)} 58%{opacity:1;filter:blur(0)} 100%{opacity:1;transform:translate3d(0,0,0);filter:none} } /* Hero slide title gets a slightly longer cinematic travel. */ html:not(.rensa-motion-reduced) .corporate-hero .hero-slide.is-active .hero-content>h1.rensa-title-from-left.rensa-title-play{ animation:rensaHeroTitleLeftAlpha29 1.08s cubic-bezier(.16,1,.3,1) both!important; } @keyframes rensaHeroTitleLeftAlpha29{ 0%{opacity:0;transform:translate3d(-145px,0,0);filter:blur(8px)} 100%{opacity:1;transform:translate3d(0,0,0);filter:none} } @media(max-width:760px){ html:not(.rensa-motion-reduced) .rensa-title-from-left.rensa-title-play{ animation-name:rensaTitleLeftAlpha29Mobile!important; animation-duration:.84s!important; } @keyframes rensaTitleLeftAlpha29Mobile{ 0%{opacity:.1;transform:translate3d(-54px,0,0);filter:blur(4px)} 100%{opacity:1;transform:none;filter:none} } } @media(prefers-reduced-motion:reduce){ .rensa-title-from-left.rensa-title-play{animation:none!important;opacity:1!important;transform:none!important;filter:none!important} } /* RENSA Corporate Plus alpha30 — Projects Horizontal Cinema */ .projects-cinema-page{background:#061c1f;color:#fff;min-height:100svh}.projects-cinema{position:relative;min-height:100svh;padding:clamp(112px,12vh,150px) 0 28px;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(24,137,164,.34),transparent 34%),linear-gradient(135deg,#051718 0%,#07354b 58%,#075a46 100%)}.projects-cinema-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 58%,transparent 100%)} .projects-cinema-head{position:relative;z-index:4;width:min(1500px,calc(100% - 72px));margin:0 auto 18px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:48px;align-items:end}.projects-cinema-heading{min-width:0}.projects-cinema-head h1{margin:11px 0 0;color:#fff!important;font-size:clamp(38px,4.3vw,68px);line-height:.98;letter-spacing:.012em;max-width:850px}.projects-cinema-head>p{justify-self:end;max-width:500px;margin:0 0 5px;color:rgba(255,255,255,.76);font-size:14px;line-height:1.55} .projects-cinema-stage{position:relative;z-index:3;width:min(1500px,calc(100% - 72px));height:clamp(440px,57vh,650px);margin:0 auto;border-radius:30px;overflow:hidden;background:#092726;box-shadow:0 30px 80px rgba(0,0,0,.26)}.project-cinema-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(9%,0,0);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .72s ease,visibility 0s linear 1.15s;will-change:transform,opacity}.project-cinema-slide.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0);z-index:3;transition-delay:0s}.project-cinema-slide.is-exit-left{opacity:0;visibility:visible;transform:translate3d(-13%,0,0);z-index:2}.project-cinema-slide.is-exit-right{opacity:0;visibility:visible;transform:translate3d(13%,0,0);z-index:2}.project-cinema-slide.is-enter-left{opacity:0;visibility:visible;transform:translate3d(-13%,0,0);z-index:4;transition:none}.project-cinema-slide.is-enter-right{opacity:0;visibility:visible;transform:translate3d(13%,0,0);z-index:4;transition:none}.project-cinema-media{position:absolute;inset:0;overflow:hidden}.project-cinema-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);will-change:transform}.project-cinema-slide.is-active .project-cinema-media img{animation:rensaCinemaKenBurns 7.6s ease-out both}.project-cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,13,.84) 0%,rgba(1,13,15,.54) 34%,rgba(1,13,15,.12) 66%,rgba(1,13,15,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.06) 42%,rgba(1,11,12,.42) 100%)}.project-cinema-copy{position:absolute;z-index:3;left:clamp(28px,4.6vw,74px);bottom:clamp(30px,5.8vh,70px);width:min(720px,62%);color:#fff}.project-cinema-kicker{display:flex;align-items:center;gap:15px;color:#8bea56;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:0;transform:translate3d(60px,0,0)}.project-cinema-kicker>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);background:rgba(3,31,29,.38);backdrop-filter:blur(10px)}.project-cinema-copy h2{margin:13px 0 13px;font-size:clamp(42px,5.4vw,82px);line-height:.93;letter-spacing:.01em;color:#fff;opacity:0;transform:translate3d(92px,0,0)}.project-cinema-copy>p{margin:0 0 18px;max-width:620px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;opacity:0;transform:translate3d(75px,0,0)}.project-cinema-facts{display:flex;gap:10px;flex-wrap:wrap;opacity:0;transform:translate3d(58px,0,0)}.project-cinema-facts>div{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border:1px solid rgba(255,255,255,.20);border-radius:13px;background:rgba(3,28,26,.34);backdrop-filter:blur(11px)}.project-cinema-facts strong{font-size:14px}.project-cinema-facts span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.60)}.project-cinema-cta{display:inline-flex;align-items:center;gap:18px;margin-top:18px;padding:12px 17px;border-radius:999px;background:#55c936;color:#072318!important;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:0;transform:translate3d(50px,0,0);transition:transform .25s ease,background .25s}.project-cinema-cta:hover{background:#83ea55;transform:translateY(-2px)} .project-cinema-slide.is-active .project-cinema-kicker{animation:rensaCinemaCopyIn .82s cubic-bezier(.16,1,.3,1) .12s both}.project-cinema-slide.is-active .project-cinema-copy h2{animation:rensaCinemaCopyIn .95s cubic-bezier(.16,1,.3,1) .19s both}.project-cinema-slide.is-active .project-cinema-copy>p{animation:rensaCinemaCopyIn .92s cubic-bezier(.16,1,.3,1) .29s both}.project-cinema-slide.is-active .project-cinema-facts{animation:rensaCinemaCopyIn .88s cubic-bezier(.16,1,.3,1) .37s both}.project-cinema-slide.is-active .project-cinema-cta{animation:rensaCinemaCopyIn .82s cubic-bezier(.16,1,.3,1) .45s both} .project-cinema-arrow{position:absolute;z-index:8;top:50%;translate:0 -50%;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(2,26,26,.48);backdrop-filter:blur(12px);color:#fff;font-size:23px;cursor:pointer;transition:.3s}.project-cinema-arrow:hover{background:#67d63c;color:#052419;transform:scale(1.06)}.project-cinema-arrow.is-prev{left:24px}.project-cinema-arrow.is-next{right:24px} .projects-cinema-nav{position:relative;z-index:5;width:min(1500px,calc(100% - 72px));margin:15px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.projects-cinema-thumbs{display:flex;gap:9px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 1px 5px;scroll-snap-type:x proximity}.projects-cinema-thumbs::-webkit-scrollbar{display:none}.project-cinema-thumb{flex:0 0 clamp(130px,11vw,175px);height:84px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:stretch;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;padding:0;background:rgba(4,30,31,.56);color:#fff;cursor:pointer;opacity:.56;transition:.38s cubic-bezier(.16,1,.3,1);scroll-snap-align:center;text-align:left}.project-cinema-thumb:hover,.project-cinema-thumb.is-active{opacity:1;border-color:rgba(121,229,73,.72);background:rgba(5,45,40,.86);transform:translateY(-2px)}.project-cinema-thumb-image{display:block;overflow:hidden}.project-cinema-thumb-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-cinema-thumb:hover img,.project-cinema-thumb.is-active img{transform:scale(1.08)}.project-cinema-thumb-meta{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:9px 10px}.project-cinema-thumb-meta b{font-size:9px;color:#86e94f;letter-spacing:.12em}.project-cinema-thumb-meta small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;font-weight:800;line-height:1.18;color:#fff}.projects-cinema-progress{display:flex;align-items:center;gap:10px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em}.projects-cinema-progress i{display:block;width:94px;height:2px;background:rgba(255,255,255,.20);overflow:hidden}.projects-cinema-progress b{display:block;width:100%;height:100%;background:#78dc42;transform:scaleX(0);transform-origin:left;transition:transform .55s ease} @keyframes rensaCinemaCopyIn{0%{opacity:0;transform:translate3d(70px,0,0);filter:blur(5px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes rensaCinemaKenBurns{0%{transform:scale(1.035) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-1.6%,.8%,0)}} @media(max-width:900px){.projects-cinema{padding:112px 0 24px;min-height:100dvh}.projects-cinema-head{width:calc(100% - 34px);grid-template-columns:1fr;gap:8px;margin-bottom:14px}.projects-cinema-head h1{font-size:clamp(36px,10vw,54px)}.projects-cinema-head>p{justify-self:start;font-size:12px;max-width:100%}.projects-cinema-stage{width:calc(100% - 28px);height:58dvh;border-radius:24px}.project-cinema-copy{left:22px;right:22px;bottom:24px;width:auto}.project-cinema-copy h2{font-size:clamp(37px,10vw,54px);line-height:.96}.project-cinema-copy>p{font-size:12px;max-height:4.5em;overflow:hidden}.project-cinema-shade{background:linear-gradient(180deg,rgba(1,11,12,.06) 18%,rgba(1,12,13,.22) 45%,rgba(1,12,13,.90) 100%)}.project-cinema-arrow{width:46px;height:46px;top:auto;bottom:18px;translate:0 0}.project-cinema-arrow.is-prev{left:18px}.project-cinema-arrow.is-next{right:18px}.projects-cinema-nav{width:100%;grid-template-columns:1fr;margin-top:10px}.projects-cinema-thumbs{padding:2px 16px 6px}.project-cinema-thumb{flex-basis:128px;height:72px;grid-template-columns:58px minmax(0,1fr);border-radius:14px}.projects-cinema-progress{justify-content:center}.project-cinema-facts>div{padding:8px 10px}.project-cinema-cta{margin-top:12px}.project-cinema-slide.is-active .project-cinema-kicker,.project-cinema-slide.is-active .project-cinema-copy h2,.project-cinema-slide.is-active .project-cinema-copy>p,.project-cinema-slide.is-active .project-cinema-facts,.project-cinema-slide.is-active .project-cinema-cta{animation-duration:.70s}} @media(prefers-reduced-motion:reduce){.project-cinema-slide,.project-cinema-media img,.project-cinema-kicker,.project-cinema-copy h2,.project-cinema-copy>p,.project-cinema-facts,.project-cinema-cta,.project-cinema-thumb{animation:none!important;transition:none!important;transform:none!important;filter:none!important}.project-cinema-slide.is-active{opacity:1;visibility:visible}.project-cinema-slide.is-active .project-cinema-kicker,.project-cinema-slide.is-active .project-cinema-copy h2,.project-cinema-slide.is-active .project-cinema-copy>p,.project-cinema-slide.is-active .project-cinema-facts,.project-cinema-slide.is-active .project-cinema-cta{opacity:1}} /* Alpha 31 — Projects cinema composition refinement */ .projects-cinema-stage .project-cinema-kicker{ position:absolute; z-index:7; top:clamp(24px,3.6vh,42px); left:clamp(28px,4.6vw,74px); display:flex; align-items:center; gap:15px; color:#8bea56; font-size:10px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; opacity:0; transform:translate3d(56px,0,0); } .project-cinema-slide.is-active > .project-cinema-kicker{ animation:rensaCinemaCopyIn .82s cubic-bezier(.16,1,.3,1) .10s both; } .project-cinema-copy{ bottom:clamp(16px,2.5vh,30px); width:min(760px,68%); } .project-cinema-copy h2{ margin:0 0 9px; font-size:clamp(34px,4.25vw,64px); line-height:.96; } .project-cinema-copy>p{ margin:0 0 10px; max-width:650px; } .project-cinema-facts{gap:8px} .project-cinema-facts>div{padding:8px 13px} .project-cinema-cta{display:none!important} @media(max-width:900px){ .projects-cinema-stage .project-cinema-kicker{ top:18px; left:20px; right:76px; gap:10px; } .project-cinema-kicker>span{width:40px;height:40px} .project-cinema-copy{left:20px;right:20px;bottom:16px;width:auto} .project-cinema-copy h2{font-size:clamp(30px,8.2vw,44px);margin-bottom:7px} .project-cinema-copy>p{margin-bottom:8px;font-size:11px;max-height:3.2em} .project-cinema-facts>div{padding:7px 10px} } @media(prefers-reduced-motion:reduce){ .projects-cinema-stage .project-cinema-kicker{opacity:1;transform:none;animation:none!important} } /* ========================================================= ALPHA 32 — BRANDS COMPACT PREMIUM LOGO GALLERY ========================================================= */ .rensa-brands-page .brands-showcase-section{ padding-top:76px; background:linear-gradient(180deg,#f5f8f6 0%,#eef5f1 100%); } .rensa-brands-page .brands-showcase-intro{ display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); align-items:end; gap:36px; margin-bottom:34px; } .rensa-brands-page .brands-showcase-intro h2{ margin:0; font-size:clamp(34px,3.2vw,54px); line-height:1; letter-spacing:-.02em; color:#082116; max-width:760px; } .brand-compact-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .brand-compact-card{ position:relative; min-width:0; border:1px solid #d9e6df; border-radius:24px; background:#fff; overflow:hidden; box-shadow:0 18px 50px rgba(7,55,39,.06); transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .45s ease; } .brand-compact-card:hover{ transform:translateY(-6px); box-shadow:0 26px 64px rgba(7,55,39,.12); border-color:rgba(22,137,76,.28); } .brand-card-link{display:grid;grid-template-rows:170px auto;height:100%} .brand-compact-logo-stage{ display:grid; place-items:center; min-height:170px; padding:28px 34px; background:linear-gradient(145deg,#f4f8f6,#eaf3ef); border-bottom:1px solid #e2ebe6; } .brand-compact-logo{ display:block; width:auto; max-width:82%; height:auto; max-height:92px; object-fit:contain; } .brand-wordmark-fallback{ display:block; max-width:90%; color:#0a5f3c; font-size:clamp(26px,2.2vw,38px); line-height:1; letter-spacing:-.02em; font-weight:850; text-align:center; } .brand-compact-copy{ position:relative; padding:22px 24px 24px; min-height:154px; } .brand-partner-label{ display:block; color:#178c50; font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; margin-bottom:7px; } .brand-compact-copy h2{ margin:0 42px 7px 0; color:#07190f; font-size:clamp(22px,1.9vw,30px); line-height:1.04; letter-spacing:-.015em; } .has-brand-logo .brand-compact-copy h2{ font-size:clamp(18px,1.45vw,23px); font-weight:800; } .brand-compact-copy p{ margin:0; color:#66756d; font-size:13px; line-height:1.45; max-width:90%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .brand-arrow{ position:absolute; right:22px; top:25px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #d5e5dc; border-radius:50%; color:#14894c; font-size:17px; transition:transform .3s ease,background .3s ease,color .3s ease; } .brand-compact-card:hover .brand-arrow{transform:translate(2px,-2px);background:#168f50;color:#fff} @media(max-width:1050px){ .brand-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .rensa-brands-page .brands-showcase-section{padding-top:54px} .rensa-brands-page .brands-showcase-intro{grid-template-columns:1fr;gap:14px;margin-bottom:24px} .rensa-brands-page .brands-showcase-intro h2{font-size:clamp(32px,9vw,42px)} .brand-compact-grid{grid-template-columns:1fr;gap:14px} .brand-card-link{grid-template-rows:138px auto} .brand-compact-logo-stage{min-height:138px;padding:22px 26px} .brand-compact-logo{max-height:72px} .brand-compact-copy{padding:18px 20px 20px;min-height:128px} .brand-compact-copy h2,.has-brand-logo .brand-compact-copy h2{font-size:22px} .brand-wordmark-fallback{font-size:30px} } /* Alpha 33 — Contact page vertical balance + branches placement */ .rensa-inner-main .contact-premium{ padding-top:54px; padding-bottom:88px; } .rensa-inner-main .contact-premium .section-shell{ width:min(1420px,calc(100% - 64px)); } .rensa-inner-main .contact-premium-layout{ grid-template-columns:.92fr 1.08fr; gap:46px; align-items:start; } .rensa-inner-main .contact-info-column, .rensa-inner-main .contact-form-column{ align-self:start; } .rensa-inner-main .contact-info-column{ padding-top:2px; } .rensa-inner-main .contact-info-column>h2{ font-size:clamp(48px,5vw,76px); line-height:.96; margin:10px 0 14px; max-width:580px; } .rensa-inner-main .contact-info-column>p{ margin:0; max-width:600px; font-size:17px; line-height:1.48; color:#32483e; } .rensa-inner-main .branch-premium-grid{ margin-top:24px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .rensa-inner-main .branch-premium-grid article{ min-height:132px; padding:18px 19px; border-radius:18px; box-shadow:0 14px 34px rgba(4,55,39,.055); } .rensa-inner-main .branch-premium-grid h3{ margin:4px 0 5px; font-size:20px; line-height:1.1; } .rensa-inner-main .branch-premium-grid p{ margin:0 0 8px; font-size:13px; line-height:1.42; color:#65776e; } .rensa-inner-main .branch-premium-grid b{ font-size:14px; color:#0b5035; } .rensa-inner-main .contact-form-column .premium-form-card{ margin-top:0; } @media(min-width:901px){ .rensa-inner-main .contact-premium-layout{ transform:translateY(-22px); } } @media(max-width:900px){ .rensa-inner-main .contact-premium{ padding-top:38px; padding-bottom:64px; } .rensa-inner-main .contact-premium-layout{ grid-template-columns:1fr; gap:24px; } .rensa-inner-main .contact-info-column>h2{ font-size:clamp(42px,11vw,56px); margin-top:8px; } .rensa-inner-main .branch-premium-grid{ grid-template-columns:1fr; margin-top:20px; } } \n\n/* =========================================================\n ALPHA 34 — BRAND LOGO FALLBACKS + ABOUT CARD CONTRAST\n ========================================================= */\n.brand-compact-logo-stage{background:linear-gradient(145deg,#f5f8f6,#edf5f1)}\n.brand-compact-logo.brand-remote-logo{\n max-width:78%;\n max-height:88px;\n object-fit:contain;\n mix-blend-mode:multiply;\n filter:saturate(.98) contrast(1.03);\n}\n.brand-compact-card.has-brand-logo .brand-compact-logo-stage{padding:24px 30px}\n.brand-compact-card.has-brand-logo .brand-wordmark-fallback{font-size:24px}\n.about-gateway-grid .gateway-card,\n.about-gateway-grid .gateway-card>span,\n.about-gateway-grid .gateway-card small,\n.about-gateway-grid .gateway-card h3,\n.about-gateway-grid .gateway-card p,\n.about-gateway-grid .gateway-card b{\n color:#fff!important;\n}\n.about-gateway-grid .gateway-card h3{\n text-shadow:0 2px 16px rgba(0,0,0,.28);\n}\n.about-gateway-grid .gateway-card p{\n opacity:.9!important;\n text-shadow:0 1px 10px rgba(0,0,0,.22);\n}\n.about-gateway-grid .gateway-card:before{\n background-image:linear-gradient(180deg,rgba(2,18,12,.12),rgba(2,18,12,.82)),var(--gateway-image)!important;\n}\n@media(max-width:700px){\n .brand-compact-logo.brand-remote-logo{max-height:68px;max-width:76%}\n}\n /* v0.1.0-alpha35 — Vertical Cinematic Storyline / continuous motion + progress */ .rensa-history-page .timeline-v3{--history-progress:#6dd340;--history-progress-soft:rgba(109,211,64,.22)} .timeline-v3 .timeline-global-progress{position:fixed;z-index:910;left:22px;top:50%;transform:translateY(-50%);height:min(70vh,650px);width:54px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;pointer-events:none} .timeline-v3 .timeline-global-label{font-size:8px;font-weight:950;letter-spacing:.26em;writing-mode:vertical-rl;transform:rotate(180deg);color:rgba(255,255,255,.62)} .timeline-v3 .timeline-global-track{position:relative;flex:1;width:2px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.025)} .timeline-v3 .timeline-global-track i{position:absolute;left:0;top:0;width:100%;height:0;border-radius:999px;background:linear-gradient(180deg,#fff 0%,var(--history-progress) 28%,#38a9c9 100%);box-shadow:0 0 20px rgba(103,198,58,.45);will-change:height} .timeline-v3 .timeline-global-track b{position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--history-progress);box-shadow:0 0 0 7px var(--history-progress-soft),0 0 30px rgba(109,211,64,.56);will-change:top} .timeline-v3 .timeline-global-meta{display:grid;justify-items:center;gap:3px}.timeline-v3 .timeline-global-meta strong{font-size:10px;letter-spacing:.08em}.timeline-v3 .timeline-global-meta small{font-size:7px;letter-spacing:.12em;text-transform:uppercase;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.58)} .timeline-v3 .timeline-scene{--motion-media-y:0px;--motion-media-x:0px;--motion-copy-y:0px;--motion-copy-x:0px;--motion-ghost-y:0px;--motion-orbit-x:0px;--motion-orbit-y:0px;--motion-scale:1.015;--motion-rotate:0deg} .timeline-v3 .timeline-scene:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--scene-accent,#67c63a) 15%,transparent),transparent 28%),radial-gradient(circle at 86% 68%,rgba(0,132,177,.13),transparent 25%);transform:translate3d(var(--motion-orbit-x),var(--motion-orbit-y),0) scale(1.08);transition:opacity .5s ease;opacity:.9;pointer-events:none} .timeline-v3 .timeline-scene-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.timeline-v3 .timeline-scene-ambient i{position:absolute;border-radius:50%;filter:blur(1px);background:var(--scene-accent,#67c63a);opacity:.11;will-change:transform}.timeline-v3 .timeline-scene-ambient i:nth-child(1){width:9px;height:9px;left:12%;top:22%;transform:translate3d(var(--motion-orbit-x),var(--motion-orbit-y),0)}.timeline-v3 .timeline-scene-ambient i:nth-child(2){width:5px;height:5px;right:18%;top:28%;transform:translate3d(var(--motion-media-x),var(--motion-copy-y),0)}.timeline-v3 .timeline-scene-ambient i:nth-child(3){width:13px;height:13px;right:9%;bottom:20%;opacity:.07;transform:translate3d(var(--motion-copy-x),var(--motion-media-y),0)} .timeline-v3 .timeline-scene.is-inview .timeline-visual-stage{transform:translate3d(var(--motion-media-x),var(--motion-media-y),0) scale(1)!important;will-change:transform} .timeline-v3 .timeline-scene.is-inview .timeline-main-photo img,.timeline-v3 .timeline-scene.is-inview .timeline-main-photo video{transform:translate3d(var(--motion-copy-x),var(--motion-copy-y),0) scale(var(--motion-scale)) rotate(var(--motion-rotate))!important;will-change:transform} .timeline-v3 .timeline-main-photo picture{display:block;width:100%;height:100%}.timeline-v3 .timeline-main-photo picture img,.timeline-v3 .timeline-background-video{width:100%;height:100%;object-fit:cover;display:block} .timeline-v3 .timeline-photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(1,18,21,var(--scene-overlay,.4)),rgba(1,18,21,.08) 58%,rgba(1,18,21,.26));pointer-events:none} .timeline-v3 .timeline-photo-index{z-index:3} .timeline-v3 .timeline-scene.is-inview .timeline-support-photo.support-a{transform:translate3d(var(--motion-copy-x),var(--motion-copy-y),0) rotate(var(--motion-rotate)) scale(1)!important;will-change:transform} .timeline-v3 .timeline-scene.is-inview .timeline-support-photo.support-b{transform:translate3d(var(--motion-media-x),var(--motion-media-y),0) rotate(var(--motion-rotate)) scale(1)!important;will-change:transform} .timeline-v3 .timeline-scene.is-inview .timeline-video-card{transform:translate3d(var(--motion-copy-x),var(--motion-media-y),0)!important;will-change:transform} .timeline-v3 .timeline-scene.is-inview .timeline-copy{transform:translate3d(var(--motion-copy-x),var(--motion-copy-y),0)!important;will-change:transform} .timeline-v3 .timeline-scene.is-inview .timeline-year-ghost{transform:translate3d(0,calc(-50% + var(--motion-ghost-y)),0) scale(1)!important;will-change:transform} .timeline-v3 .timeline-light-sweep{position:absolute;z-index:6;inset:-30%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.12) 49%,transparent 60%);transform:translate3d(var(--motion-orbit-x),0,0) rotate(3deg);mix-blend-mode:screen;opacity:.32} .timeline-v3 .timeline-motion-orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.12);border-radius:50%;will-change:transform}.timeline-v3 .timeline-motion-orbit.orbit-a{width:34vw;height:34vw;right:-9vw;top:8vh;transform:translate3d(var(--motion-orbit-x,0px),var(--motion-orbit-y,0px),0)}.timeline-v3 .timeline-motion-orbit.orbit-b{width:18vw;height:18vw;right:14vw;bottom:6vh;transform:translate3d(var(--motion-media-x,0px),var(--motion-copy-y,0px),0)} .timeline-v3 .timeline-scene-cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 17px;border:1px solid rgba(255,255,255,.24);border-radius:999px;text-decoration:none;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease,border-color .25s ease}.timeline-v3 .timeline-scene-cta:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);border-color:var(--scene-accent,#67c63a)} .timeline-v3 .layout-centered .timeline-scene-grid{grid-template-columns:minmax(0,1fr);max-width:1180px;text-align:center}.timeline-v3 .layout-centered .timeline-visual-stage{position:absolute;inset:0;height:auto;min-height:0;opacity:.68}.timeline-v3 .layout-centered .timeline-main-photo{inset:0;border-radius:0}.timeline-v3 .layout-centered .timeline-copy{margin:auto;max-width:860px;z-index:8;padding:7vh 5vw}.timeline-v3 .layout-centered .timeline-copy-top{justify-content:center}.timeline-v3 .layout-centered .timeline-body{margin-inline:auto}.timeline-v3 .layout-centered .timeline-support-photo,.timeline-v3 .layout-centered .timeline-video-card{display:none} .timeline-v3 .motion-zoom.is-inview .timeline-main-photo img{--motion-scale:1.08}.timeline-v3 .motion-calm .timeline-support-photo{transition-duration:1.4s}.timeline-v3 .motion-reveal .timeline-main-photo{clip-path:inset(0 0 calc((1 - var(--scene-visibility,1)) * 24%) 0 round 30px)} @media(max-width:1100px){.timeline-v3 .timeline-global-progress{left:10px;height:62vh}.timeline-v3 .timeline-global-label{display:none}} @media(max-width:760px){ .timeline-v3 .timeline-global-progress{left:6px;top:52%;height:58vh;width:26px;gap:7px}.timeline-v3 .timeline-global-track{width:1.5px}.timeline-v3 .timeline-global-track b{width:9px;height:9px;border-width:2px}.timeline-v3 .timeline-global-meta strong{font-size:8px}.timeline-v3 .timeline-global-meta small{display:none} .timeline-v3 .timeline-point-nav{right:5px}.timeline-v3 .timeline-scene-grid{padding-left:38px!important;padding-right:36px!important} .timeline-v3 .timeline-main-photo{inset:0 4% 0 0!important}.timeline-v3 .timeline-main-photo picture img,.timeline-v3 .timeline-background-video{object-position:center} .timeline-v3 .layout-centered .timeline-visual-stage{position:absolute;height:100%;min-height:100%;inset:0}.timeline-v3 .layout-centered .timeline-copy{padding:14vh 42px 9vh;max-height:none!important;overflow:visible!important}.timeline-v3 .layout-centered .timeline-copy-scroll{max-height:38vh} .timeline-v3 .timeline-scene-ambient i:nth-child(1){left:18%}.timeline-v3 .timeline-scene-ambient i:nth-child(2){right:22%} } @media(prefers-reduced-motion:reduce){ .timeline-v3 .timeline-scene:before,.timeline-v3 .timeline-scene-ambient i,.timeline-v3 .timeline-light-sweep,.timeline-v3 .timeline-motion-orbit{transform:none!important;animation:none!important}.timeline-v3 .timeline-main-photo img,.timeline-v3 .timeline-main-photo video,.timeline-v3 .timeline-support-photo,.timeline-v3 .timeline-copy,.timeline-v3 .timeline-year-ghost{transform:none!important} } /* v0.1.0-alpha39 — History Typography = Frontpage Motion Pipeline */ /* * Historia no mantiene un motor de animación tipográfica separado. * Fecha, eyebrow, título, copy, métrica y CTA usan rensa-motion-reveal/title, * exactamente igual que las secciones/títulos del frontpage. */ .timeline-v3 .timeline-copy, .rensa-history-page .timeline-copy, .rensa-history-page .timeline-scene.is-reverse .timeline-copy, .timeline-v3 .timeline-scene.is-inview .timeline-copy, .rensa-history-page .timeline-scene.is-inview .timeline-copy{ opacity:1!important; transform:none!important; transition:none!important; animation:none!important; will-change:auto!important; } @media(max-width:760px){ /* alpha41 — exact one-screen snap + Home motion parity. */ html.rensa-timeline-snap{ scroll-snap-type:y mandatory!important; scroll-padding-top:0!important; overscroll-behavior-y:none; } body.rensa-history-page{--rensa-history-screen-h:100svh} body.admin-bar.rensa-history-page{--rensa-history-screen-h:calc(100svh - 46px)} .rensa-history-page .timeline-snap-scene{ box-sizing:border-box!important; min-height:var(--rensa-history-screen-h)!important; height:var(--rensa-history-screen-h)!important; max-height:var(--rensa-history-screen-h)!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; scroll-margin-top:0!important; overflow:hidden!important; } .rensa-history-page .timeline-scene-grid{ box-sizing:border-box; height:100%; min-height:0; grid-template-rows:minmax(215px,38%) minmax(0,1fr); align-content:stretch!important; padding-top:68px!important; padding-bottom:14px!important; } body.admin-bar.rensa-history-page .timeline-scene-grid{padding-top:58px!important} .rensa-history-page .timeline-visual-stage, .rensa-history-page .timeline-scene.is-reverse .timeline-visual-stage{ height:100%!important; min-height:0!important; max-height:none!important; } .timeline-v3 .timeline-copy, .rensa-history-page .timeline-copy{ min-height:0!important; align-self:center!important; opacity:1!important; transform:none!important; transition:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; } .timeline-v3 .timeline-copy-scroll{max-height:24svh!important;overscroll-behavior:contain} body.admin-bar.rensa-history-page .timeline-copy-scroll{max-height:21svh!important} .timeline-v3 .timeline-copy-top, .timeline-v3 .timeline-copy>small, .timeline-v3 .timeline-copy h2, .timeline-v3 .timeline-body, .timeline-v3 .timeline-metric, .timeline-v3 .timeline-scene-cta{ backface-visibility:visible; -webkit-backface-visibility:visible; } /* Exactly the same mobile animation keyframes used by the front page. */ html.rensa-motion-ready .timeline-v3 .rensa-motion-reveal.is-motion-visible{ animation:rensaSafeRevealMobile var(--rensa-motion-duration) var(--rensa-motion-ease) var(--motion-delay,0ms) both!important; } html.rensa-motion-ready .timeline-v3 .rensa-motion-title.is-motion-visible{ animation:rensaTitleFromLeftMobile 1.02s var(--rensa-motion-ease) var(--motion-delay,0ms) both!important; } html:not(.rensa-motion-reduced) .timeline-v3 .rensa-title-from-left.rensa-title-play{ animation:rensaTitleLeftAlpha29Mobile .92s cubic-bezier(.16,1,.3,1) both!important; } .timeline-v3 .timeline-scene.is-inview .timeline-copy, .timeline-v3 .timeline-scene.is-reverse.is-inview .timeline-copy{ transform:none!important; will-change:auto!important; } } @media(prefers-reduced-motion:reduce){ .timeline-v3 .rensa-motion-reveal, .timeline-v3 .rensa-motion-title{ animation:none!important; transform:none!important; opacity:1!important; filter:none!important; } } /* RENSA Corporate Plus alpha42 — Executive Leadership Experience */ .leadership-v2{background:#f5f7f3;color:#10251a} .leadership-v2-hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#06160e;color:#fff;padding:128px 0 80px} .leadership-v2-hero-media{position:absolute;inset:0 0 0 52%;background-image:linear-gradient(90deg,#06160e 0%,rgba(6,22,14,.18) 42%,rgba(6,22,14,.16) 100%),var(--leadership-v2-image);background-size:cover;background-position:center;opacity:.94;transform:scale(1.03)} .leadership-v2-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 38%,rgba(104,197,61,.13),transparent 32%),linear-gradient(90deg,#06160e 0%,#06160e 45%,rgba(6,22,14,.62) 64%,rgba(6,22,14,.18) 100%);z-index:1} .leadership-v2-gridlines{position:absolute;inset:0;z-index:1;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,#000 0%,transparent 72%)} .leadership-v2-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(50px,7vw,120px);align-items:center;width:100%} .leadership-v2-hero-copy h1{font-size:clamp(64px,7.9vw,126px);line-height:.86;letter-spacing:-.065em;max-width:920px;margin:22px 0 34px} .leadership-v2-hero-copy>p{max-width:700px;font-size:clamp(18px,1.55vw,24px);line-height:1.55;color:rgba(255,255,255,.7)} .leadership-v2-hero-meta{display:flex;gap:clamp(24px,4vw,60px);margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.15);max-width:780px} .leadership-v2-hero-meta span{display:grid;gap:6px;color:rgba(255,255,255,.54);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800} .leadership-v2-hero-meta strong{font-size:clamp(28px,3vw,45px);line-height:1;color:#8ada54;letter-spacing:-.04em} .leadership-v2-hero-visual{display:flex;justify-content:flex-end;opacity:.02;pointer-events:none} .leadership-v2-hero-frame{position:relative;width:min(100%,510px);aspect-ratio:4/5;border-radius:30px;overflow:hidden;box-shadow:0 45px 110px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12)} .leadership-v2-hero-frame img{width:100%;height:100%;object-fit:cover} .leadership-v2-frame-tag{position:absolute;left:24px;bottom:22px;padding:9px 12px;border-radius:999px;background:rgba(5,21,13,.68);backdrop-filter:blur(12px);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .leadership-v2-scroll{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.58);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase} .leadership-v2-scroll span{width:1px;height:30px;background:linear-gradient(#8ada54,transparent);animation:rensaExecScroll 1.8s ease-in-out infinite} @keyframes rensaExecScroll{0%,100%{transform:scaleY(.45);transform-origin:top}50%{transform:scaleY(1)}} .leadership-v2-intro{background:#fff;padding:clamp(90px,11vw,170px) 0} .leadership-v2-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(60px,9vw,150px);align-items:end} .leadership-v2-intro h2,.leadership-v2-section-head h2,.leadership-v2-proof-head h2{font-size:clamp(48px,6.3vw,96px);line-height:.92;letter-spacing:-.055em;margin:20px 0 0} .leadership-v2-intro-copy p{font-size:clamp(18px,1.6vw,24px);line-height:1.62;color:#66746c;margin:0 0 28px} .leadership-v2-profiles{padding:clamp(90px,10vw,150px) 0;background:#f2f5f1} .leadership-v2-section-head{max-width:940px;margin-bottom:clamp(70px,8vw,120px)} .leadership-v2-profile{display:grid;grid-template-columns:minmax(350px,.92fr) minmax(0,1.08fr);gap:clamp(55px,8vw,135px);align-items:center;padding:0 0 clamp(100px,12vw,180px)} .leadership-v2-profile:last-child{padding-bottom:0} .leadership-v2-profile.is-reverse .leadership-v2-portrait{order:2}.leadership-v2-profile.is-reverse .leadership-v2-profile-copy{order:1} .leadership-v2-portrait{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:30px;background:#082216;box-shadow:0 30px 80px rgba(24,68,44,.12)} .leadership-v2-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,8,.62),transparent 48%);pointer-events:none} .leadership-v2-portrait img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)} .leadership-v2-portrait:hover img{transform:scale(1.045)} .leadership-v2-index{position:absolute;z-index:2;left:24px;top:22px;color:#fff;font-weight:900;font-size:12px;letter-spacing:.18em} .leadership-v2-view{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .leadership-v2-profile-copy h3{font-size:clamp(60px,7vw,108px);line-height:.86;letter-spacing:-.065em;margin:18px 0 34px} .leadership-v2-profile-copy h3 a{color:#10251a;text-decoration:none} .leadership-v2-profile-copy blockquote{margin:0 0 28px;padding-left:22px;border-left:3px solid var(--green);font-size:clamp(22px,2vw,31px);line-height:1.35;color:#31463a} .leadership-v2-profile-copy>p{max-width:680px;font-size:18px;line-height:1.65;color:#65736b} .leadership-v2-actions{display:flex;align-items:center;gap:24px;margin-top:34px} .leadership-v2-proof{padding:clamp(100px,11vw,170px) 0;background:#0a2117;color:#fff;overflow:hidden} .leadership-v2-proof-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;margin-bottom:75px} .leadership-v2-proof-head h2{color:#fff;margin:0}.leadership-v2-proof-head .section-kicker{align-self:start} .leadership-v2-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)} .leadership-v2-proof-grid article{min-height:330px;padding:34px 28px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column} .leadership-v2-proof-grid article:last-child{border-right:0} .leadership-v2-proof-grid article>span{color:#8ada54;font-size:11px;font-weight:900;letter-spacing:.17em} .leadership-v2-proof-grid h3{font-size:clamp(28px,3vw,42px);margin:auto 0 16px;letter-spacing:-.04em} .leadership-v2-proof-grid p{margin:0;color:rgba(255,255,255,.58);font-size:15px;line-height:1.6} .leadership-v2-closing{position:relative;overflow:hidden;background:#fff;padding:clamp(110px,13vw,210px) 0} .leadership-v2-closing-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-220px;top:-340px;background:radial-gradient(circle,rgba(112,199,67,.22),transparent 68%)} .leadership-v2-closing-inner{position:relative;z-index:2} .leadership-v2-closing h2{font-size:clamp(58px,8vw,126px);line-height:.86;letter-spacing:-.065em;max-width:1150px;margin:22px 0 46px} .leadership-v2-closing-inner>div{display:flex;align-items:center;gap:30px} .leadership-v2-empty{padding:90px 0;border-top:1px solid #d7e0d8}.leadership-v2-empty h3{font-size:clamp(42px,6vw,80px);line-height:.95;max-width:1000px}.leadership-v2-empty p{font-size:18px;color:#69766e;max-width:650px} /* Executive profile v2 */ .executive-profile-v2 .executive-profile-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(99,185,56,.16),transparent 30%),#07160e} .executive-profile-orbit{position:absolute;width:720px;height:720px;border-radius:50%;right:-280px;top:-280px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 90px rgba(255,255,255,.02),0 0 0 180px rgba(255,255,255,.015)} .executive-profile-v2 .executive-profile-photo{box-shadow:0 40px 110px rgba(0,0,0,.3)} .executive-profile-photo-label{position:absolute;left:20px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(4,18,11,.7);color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em} .executive-profile-actions{display:flex;align-items:center;gap:26px} .executive-profile-story-grid{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,.65fr);gap:clamp(60px,9vw,150px);align-items:start} .executive-profile-story-grid aside{position:sticky;top:130px}.executive-profile-story-grid aside strong{display:block;margin-top:18px;font-size:24px} .executive-profile-next{padding:80px 0;background:#eef3ed}.executive-profile-next a{display:flex;align-items:end;justify-content:space-between;gap:30px;color:#10251a;text-decoration:none}.executive-profile-next span{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#607066}.executive-profile-next strong{font-size:clamp(34px,5vw,72px);letter-spacing:-.055em} @media(max-width:1100px){ .leadership-v2-hero-grid{grid-template-columns:1fr}.leadership-v2-hero-media{inset:0}.leadership-v2-hero:before{background:linear-gradient(180deg,rgba(6,22,14,.58),rgba(6,22,14,.96) 72%)}.leadership-v2-hero-visual{display:none}.leadership-v2-hero-copy{max-width:900px;padding-top:20vh} .leadership-v2-intro-grid,.leadership-v2-proof-head{grid-template-columns:1fr;gap:36px}.leadership-v2-profile{grid-template-columns:1fr;gap:50px}.leadership-v2-profile.is-reverse .leadership-v2-portrait,.leadership-v2-profile.is-reverse .leadership-v2-profile-copy{order:initial}.leadership-v2-portrait{width:min(100%,720px)}.leadership-v2-proof-grid{grid-template-columns:repeat(2,1fr)}.leadership-v2-proof-grid article:nth-child(2){border-right:0}.leadership-v2-proof-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)} } @media(max-width:760px){ .leadership-v2-hero{min-height:100svh;padding:96px 0 55px;align-items:flex-end}.leadership-v2-hero-media{background-position:62% center}.leadership-v2-hero:before{background:linear-gradient(180deg,rgba(3,15,8,.22) 0%,rgba(3,15,8,.68) 46%,#06160e 82%)}.leadership-v2-hero-copy{padding-top:0}.leadership-v2-hero-copy h1{font-size:clamp(54px,15vw,78px);margin-bottom:22px}.leadership-v2-hero-copy>p{font-size:16px}.leadership-v2-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;padding-top:18px}.leadership-v2-hero-meta strong{font-size:26px}.leadership-v2-hero-meta span{font-size:8px}.leadership-v2-scroll{display:none} .leadership-v2-intro,.leadership-v2-profiles,.leadership-v2-proof,.leadership-v2-closing{padding:80px 0}.leadership-v2-intro h2,.leadership-v2-section-head h2,.leadership-v2-proof-head h2{font-size:clamp(44px,13vw,66px)}.leadership-v2-section-head{margin-bottom:58px}.leadership-v2-profile{padding-bottom:95px;gap:34px}.leadership-v2-portrait{border-radius:22px}.leadership-v2-profile-copy h3{font-size:clamp(52px,15vw,76px);margin-bottom:24px}.leadership-v2-profile-copy blockquote{font-size:20px}.leadership-v2-profile-copy>p{font-size:16px}.leadership-v2-actions{align-items:flex-start;flex-direction:column;gap:18px}.leadership-v2-proof-head{margin-bottom:48px}.leadership-v2-proof-grid{grid-template-columns:1fr}.leadership-v2-proof-grid article{min-height:230px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}.leadership-v2-proof-grid article:last-child{border-bottom:0!important}.leadership-v2-closing h2{font-size:clamp(50px,14vw,76px)}.leadership-v2-closing-inner>div{align-items:flex-start;flex-direction:column} .executive-profile-actions{align-items:flex-start;flex-direction:column}.executive-profile-story-grid{grid-template-columns:1fr;gap:35px}.executive-profile-story-grid aside{position:static}.executive-profile-next a{align-items:flex-start;flex-direction:column}.executive-profile-next strong{font-size:42px} } @media(prefers-reduced-motion:reduce){.leadership-v2-scroll span{animation:none}.leadership-v2-portrait img{transition:none!important}} /* Alpha43 — Executive page title spacing + safe edge breathing room */ .leadership-v2 .section-shell, .executive-profile-v2 .section-shell{width:min(1420px,calc(100% - 108px));} .leadership-v2-hero-copy h1{letter-spacing:-.04em;line-height:.9;max-width:980px;} .leadership-v2-intro h2, .leadership-v2-section-head h2, .leadership-v2-proof-head h2, .leadership-v2-profile-copy h3, .leadership-v2-closing h2, .executive-profile-v2 .executive-profile-copy h1{letter-spacing:-.035em;line-height:.92;} .leadership-v2 .section-kicker, .executive-profile-v2 .section-kicker{letter-spacing:.22em;} @media (max-width:1100px){ .leadership-v2 .section-shell, .executive-profile-v2 .section-shell{width:calc(100% - 72px);} } @media (max-width:760px){ .leadership-v2 .section-shell, .executive-profile-v2 .section-shell{width:calc(100% - 44px);} .leadership-v2-hero-copy h1{letter-spacing:-.03em;line-height:.92;} .leadership-v2-intro h2, .leadership-v2-section-head h2, .leadership-v2-proof-head h2, .leadership-v2-profile-copy h3, .leadership-v2-closing h2, .executive-profile-v2 .executive-profile-copy h1{letter-spacing:-.025em;line-height:.94;} } /* Alpha44 — About gateway card typography/contrast correction */ .about-gateway-grid .gateway-card, .about-gateway-grid .gateway-card > span, .about-gateway-grid .gateway-card small, .about-gateway-grid .gateway-card h3, .about-gateway-grid .gateway-card p, .about-gateway-grid .gateway-card b{ color:#fff!important; } .about-gateway-grid .gateway-card:before{ background-image:linear-gradient(180deg,rgba(2,15,9,.18) 0%,rgba(2,15,9,.50) 45%,rgba(2,15,9,.90) 100%),var(--gateway-image)!important; } .about-gateway-grid .gateway-card h3{ font-size:clamp(34px,3.5vw,56px)!important; line-height:1.02!important; letter-spacing:-.025em!important; margin:12px 0 10px!important; max-width:92%; text-shadow:0 3px 20px rgba(0,0,0,.38)!important; } .about-gateway-grid .gateway-card small{ letter-spacing:.16em!important; text-shadow:0 2px 12px rgba(0,0,0,.36); } .about-gateway-grid .gateway-card p{ color:rgba(255,255,255,.88)!important; font-size:16px!important; line-height:1.5!important; max-width:88%; } .about-gateway-grid .gateway-card > span, .about-gateway-grid .gateway-card b{ text-shadow:0 2px 12px rgba(0,0,0,.32); } @media(max-width:760px){ .about-gateway-grid .gateway-card h3{ font-size:clamp(32px,10vw,46px)!important; line-height:1.03!important; max-width:94%; } .about-gateway-grid .gateway-card p{font-size:15px!important;max-width:96%;} } /* Alpha45 — Historia autoplay control + final leadership/about QA safeguards */ .timeline-v3 .timeline-autoplay-control{position:fixed;z-index:40;right:22px;bottom:24px;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,21,13,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.16);cursor:pointer} .timeline-v3 .timeline-autoplay-control span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(118,184,42,.2);color:var(--green2);font-size:11px;font-weight:900} .timeline-v3 .timeline-autoplay-control small{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .timeline-v3 .timeline-autoplay-control:hover{border-color:rgba(152,212,63,.7);background:rgba(5,21,13,.82)} .leadership-v2 img,.about-premium img{backface-visibility:hidden;-webkit-backface-visibility:hidden} @media(max-width:760px){.timeline-v3 .timeline-autoplay-control{right:10px;bottom:12px;padding:8px 10px}.timeline-v3 .timeline-autoplay-control small{display:none}.timeline-v3 .timeline-autoplay-control span{width:24px;height:24px}} @media(prefers-reduced-motion:reduce){.timeline-v3 .timeline-autoplay-control{display:none!important}} /* Alpha48 — Modular Homepage Blocks */ .home-custom-block{position:relative;padding:clamp(90px,9vw,145px) 0;overflow:hidden}.home-block-heading{max-width:900px;margin-bottom:52px}.home-block-heading h2,.home-video-copy h2,.home-split-story h2,.home-featured-project h2,.home-cta-banner h2{font-size:clamp(46px,6vw,92px);line-height:.94;letter-spacing:-.045em;margin:18px 0}.home-block-heading p,.home-video-copy p,.home-split-story p,.home-featured-project p,.home-cta-banner p{font-size:18px;line-height:1.65;max-width:680px;color:#66746c}.home-gallery{display:grid;gap:14px}.home-gallery.is-grid{grid-template-columns:repeat(4,1fr)}.home-gallery.is-mosaic{grid-template-columns:repeat(12,1fr)}.home-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:20px;aspect-ratio:4/3;background:#dfe7df}.home-gallery.is-mosaic figure{grid-column:span 4}.home-gallery.is-mosaic figure:nth-child(1),.home-gallery.is-mosaic figure:nth-child(5){grid-column:span 8;aspect-ratio:16/9}.home-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.home-gallery figure:hover img{transform:scale(1.035)}.home-gallery figure span{position:absolute;left:16px;top:14px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.16em;text-shadow:0 1px 8px rgba(0,0,0,.5)}.home-video-block{background:#07170d;color:#fff}.home-video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.home-video-copy p{color:rgba(255,255,255,.65)}.home-video-frame{aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 35px 90px rgba(0,0,0,.28)}.home-video-frame iframe{width:100%;height:100%;border:0}.home-reviews-block{background:#f2f6f2}.home-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-reviews-grid article{background:#fff;border:1px solid #dce6dd;border-radius:22px;padding:30px;min-height:320px;display:flex;flex-direction:column}.home-review-quote{font-size:72px;line-height:.7;color:var(--green);font-family:Georgia,serif}.home-reviews-grid blockquote{font-size:21px;line-height:1.5;margin:26px 0 auto;color:#263b2e}.home-reviews-grid footer{display:flex;align-items:center;gap:14px;margin-top:30px}.home-reviews-grid footer img{width:52px;height:52px;border-radius:50%;object-fit:cover}.home-reviews-grid footer strong,.home-reviews-grid footer small{display:block}.home-reviews-grid footer small{color:#738078}.home-featured-project{min-height:80svh;padding:0;background-image:var(--featured-project-image);background-size:cover;background-position:center;color:#fff}.home-featured-project>a{min-height:80svh;display:flex;align-items:flex-end;position:relative}.home-featured-project-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,12,7,.88),rgba(2,12,7,.08) 72%)}.home-featured-project-inner{position:relative;z-index:2;padding-bottom:8vh}.home-featured-project h2{max-width:1050px;color:#fff}.home-featured-project p{color:rgba(255,255,255,.72)}.home-featured-project-cta{display:inline-block;margin-top:22px;color:var(--green2);font-weight:900}.home-split-story{background:#fff}.home-split-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.home-split-story.image-right figure{order:2}.home-split-story figure{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:6/5}.home-split-story figure img{width:100%;height:100%;object-fit:cover}.home-cta-banner{min-height:70svh;display:flex;align-items:center;background-image:var(--cta-banner-image);background-size:cover;background-position:center;color:#fff}.home-cta-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,10,.9),rgba(3,18,10,.25))}.home-cta-banner-inner{position:relative;z-index:2}.home-cta-banner h2{max-width:1000px;color:#fff}.home-cta-banner p{color:rgba(255,255,255,.74)}.home-logo-wall{background:#fff}.home-logo-wall-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce4dc;border-left:1px solid #dce4dc}.home-logo-wall-grid>div{min-height:170px;display:grid;place-items:center;border-right:1px solid #dce4dc;border-bottom:1px solid #dce4dc;padding:34px}.home-logo-wall-grid img{max-width:210px;max-height:90px;object-fit:contain}.home-feature-cards{background:#f4f7f3}.home-feature-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-feature-cards-grid article{background:#fff;border-radius:22px;overflow:hidden;padding:24px;border:1px solid #dde7df}.home-feature-card-media{margin:-24px -24px 24px;aspect-ratio:4/3;overflow:hidden}.home-feature-card-media img{width:100%;height:100%;object-fit:cover}.home-feature-cards-grid article>span{font-size:11px;letter-spacing:.15em;color:var(--green);font-weight:900}.home-feature-cards-grid h3{font-size:32px;margin:34px 0 12px}.home-feature-cards-grid p{color:#68766d}@media(max-width:900px){.home-video-grid,.home-split-story-grid{grid-template-columns:1fr}.home-split-story.image-right figure{order:initial}.home-reviews-grid,.home-feature-cards-grid{grid-template-columns:1fr}.home-gallery.is-grid{grid-template-columns:repeat(2,1fr)}.home-gallery.is-mosaic{display:grid;grid-template-columns:1fr 1fr}.home-gallery.is-mosaic figure,.home-gallery.is-mosaic figure:nth-child(1),.home-gallery.is-mosaic figure:nth-child(5){grid-column:auto;aspect-ratio:4/3}.home-logo-wall-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home-custom-block{padding:78px 0}.home-gallery.is-grid,.home-gallery.is-mosaic{grid-template-columns:1fr}.home-logo-wall-grid{grid-template-columns:1fr 1fr}.home-logo-wall-grid>div{min-height:120px;padding:20px}.home-logo-wall-grid img{max-width:130px;max-height:62px}.home-featured-project,.home-featured-project>a{min-height:70svh}} /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha49 — Primary Menu Duplicate + Compact Dropdown ======================================================================== */ /* Keep desktop flyouts content-sized and start the first submenu item immediately. */ .desktop-nav .sub-menu, .rensa-variant-corporate .desktop-nav .sub-menu{ top:calc(100% - 6px)!important; height:auto!important; min-height:0!important; max-height:none!important; padding:8px!important; margin:0!important; gap:0!important; row-gap:0!important; align-content:start!important; justify-content:start!important; grid-auto-rows:max-content!important; } .desktop-nav .sub-menu>li, .rensa-variant-corporate .desktop-nav .sub-menu>li{ margin:0!important; padding:0!important; min-height:0!important; height:auto!important; line-height:1!important; } .desktop-nav .sub-menu>li>a, .rensa-variant-corporate .desktop-nav .sub-menu>li>a{ margin:0!important; padding:10px 12px!important; min-height:0!important; line-height:1.15!important; } .desktop-nav .sub-menu:before, .rensa-variant-corporate .desktop-nav .sub-menu:before{ top:-8px!important; height:8px!important; } /* ======================================================================== RENSA Corporate Plus v0.1.0-alpha50 — About Dropdown True Content Height ======================================================================== */ /* Desktop submenu shells must size only to their rendered rows. Using block here prevents inherited grid/flex track behavior from reserving phantom rows. */ .desktop-nav .sub-menu, .rensa-variant-corporate .desktop-nav .sub-menu{ display:block!important; height:auto!important; min-height:0!important; max-height:none!important; padding:7px!important; margin:0!important; overflow:visible!important; } .desktop-nav .sub-menu>li, .rensa-variant-corporate .desktop-nav .sub-menu>li{ display:block!important; position:relative!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; } .desktop-nav .sub-menu>li>a, .rensa-variant-corporate .desktop-nav .sub-menu>li>a{ display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:9px 11px!important; line-height:1.15!important; } .desktop-nav .sub-menu>li:empty, .rensa-variant-corporate .desktop-nav .sub-menu>li:empty{display:none!important;}