.hero{position:relative;width:100%;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#001233 0%,var(--color-navy) 40%,#003d99 100%)}.hero-bg{position:absolute;inset:0;z-index:1;overflow:hidden}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,transparent 40%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 60%,transparent 60%,transparent 100%);animation:lightSweep 8s ease-in-out infinite}.hero-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(-30deg,transparent 0%,transparent 45%,rgba(200,169,81,.02) 45%,rgba(200,169,81,.05) 52%,rgba(200,169,81,.02) 59%,transparent 59%,transparent 100%);animation:lightSweep2 12s ease-in-out infinite 3s}@keyframes lightSweep{0%{transform:translate(-30%) translateY(-20%) rotate(0)}50%{transform:translate(30%) translateY(20%) rotate(2deg)}to{transform:translate(-30%) translateY(-20%) rotate(0)}}@keyframes lightSweep2{0%{transform:translate(20%) translateY(30%)}50%{transform:translate(-40%) translateY(-10%)}to{transform:translate(20%) translateY(30%)}}.hero-carousel{position:absolute;inset:0;z-index:2}.hero-slide{position:absolute;inset:0;opacity:0;will-change:opacity,transform}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.35}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0012334d,#0012338c 60%,#001233cc),linear-gradient(90deg,rgba(0,18,51,.5) 0%,transparent 60%)}.hero-slide[data-anim=scale-fade].enter{animation:slideFadeIn .9s ease forwards}.hero-slide[data-anim=scale-fade].leave{animation:slideFadeOut .9s ease forwards}@keyframes slideFadeIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes slideFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.hero-slide[data-anim=slide-right].enter{animation:slideRightIn .9s cubic-bezier(.22,1,.36,1) forwards}.hero-slide[data-anim=slide-right].leave{animation:slideRightOut .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideRightIn{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}@keyframes slideRightOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-4%)}}.hero-slide[data-anim=zoom-out].enter{animation:zoomOutIn 1s ease forwards}.hero-slide[data-anim=zoom-out].leave{animation:zoomOutOut .9s ease forwards}@keyframes zoomOutIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes zoomOutOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.hero-slide[data-anim=slide-left].enter{animation:slideLeftIn .9s cubic-bezier(.22,1,.36,1) forwards}.hero-slide[data-anim=slide-left].leave{animation:slideLeftOut .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideLeftIn{0%{opacity:0;transform:translate(-6%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(4%)}}.hero-content{position:relative;z-index:3;width:100%;max-width:1200px;padding:0 clamp(24px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start}.hero-text-block{display:none;flex-direction:column;align-items:flex-start;animation:textReveal .8s ease .2s both}.hero-text-block.active{display:flex}@keyframes textReveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{font-family:var(--font-body);font-size:clamp(11px,1.2vw,13px);font-weight:500;color:var(--color-gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem;opacity:.9}.hero-company{font-family:var(--font-display);font-size:clamp(52px,9vw,112px);font-weight:900;color:var(--color-white);letter-spacing:-.04em;line-height:1.05;margin-bottom:.25em}.hero-subtitle{font-family:var(--font-display);font-size:clamp(16px,2.5vw,24px);font-weight:400;color:#ffffffb3;letter-spacing:.08em;margin-bottom:2rem}.hero-tagline{font-family:var(--font-display);font-size:clamp(28px,5vw,62px);font-weight:600;color:var(--color-white);letter-spacing:-.02em;line-height:1.2;position:relative;display:inline-block;margin-bottom:2.5rem}.hero-tagline:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:2px;background:var(--color-gold);animation:drawLine 1.8s ease-out .6s forwards}@keyframes drawLine{to{width:55%}}.hero-cta-row{display:flex;gap:16px;align-items:center}.hero-dots{position:absolute;bottom:36px;left:clamp(24px,5vw,80px);z-index:4;display:flex;gap:10px;align-items:center}.hero-dot{width:24px;height:2px;background:#ffffff4d;border-radius:1px;cursor:pointer;transition:all .35s}.hero-dot.active{width:40px;background:var(--color-gold)}.hero-counter{position:absolute;bottom:30px;right:clamp(24px,5vw,80px);z-index:4;font-family:var(--font-body);font-size:12px;color:#fff6;letter-spacing:.1em}.hero-counter .cur{color:#ffffffd9;font-size:16px}.hero-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--color-gold);z-index:5;transition:none}.hero-progress.running{animation:progressFill var(--slide-duration, 6s) linear forwards}@keyframes progressFill{0%{width:0}to{width:100%}}.hero-scroll{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-size:.7rem;letter-spacing:.1em}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.business{background:var(--color-surface);position:relative;overflow:hidden}.business-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.card-backgrounds{position:absolute;inset:-20px;z-index:0;border-radius:24px;overflow:hidden;pointer-events:none}.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1);transform-origin:center center;pointer-events:none}.card-bg-default{background-image:-webkit-image-set(url(/images/backgrounds/cbd-skyline.webp) type("image/webp"),url(/images/backgrounds/cbd-skyline.png) type("image/png"));background-image:image-set(url(/images/backgrounds/cbd-skyline.webp) type("image/webp"),url(/images/backgrounds/cbd-skyline.png) type("image/png"));opacity:.35;transform:scale(1)}.card-bg-1{background-image:-webkit-image-set(url(/images/backgrounds/card-logistics-management.webp) type("image/webp"),url(/images/backgrounds/card-logistics-management.jpg) type("image/jpeg"));background-image:image-set(url(/images/backgrounds/card-logistics-management.webp) type("image/webp"),url(/images/backgrounds/card-logistics-management.jpg) type("image/jpeg"))}.card-bg-2{background-image:-webkit-image-set(url(/images/backgrounds/card-supply-chain.webp) type("image/webp"),url(/images/backgrounds/card-supply-chain.jpg) type("image/jpeg"));background-image:image-set(url(/images/backgrounds/card-supply-chain.webp) type("image/webp"),url(/images/backgrounds/card-supply-chain.jpg) type("image/jpeg"))}.card-bg-3{background-image:-webkit-image-set(url(/images/backgrounds/card-trade-finance.webp) type("image/webp"),url(/images/backgrounds/card-trade-finance.jpg) type("image/jpeg"));background-image:image-set(url(/images/backgrounds/card-trade-finance.webp) type("image/webp"),url(/images/backgrounds/card-trade-finance.jpg) type("image/jpeg"))}.card-bg-4{background-image:-webkit-image-set(url(/images/backgrounds/card-risk-management.webp) type("image/webp"),url(/images/backgrounds/card-risk-management.jpg) type("image/jpeg"));background-image:image-set(url(/images/backgrounds/card-risk-management.webp) type("image/webp"),url(/images/backgrounds/card-risk-management.jpg) type("image/jpeg"))}.card-bg.scale-in{animation:bgScaleIn 1.2s cubic-bezier(.16,1,.3,1) forwards}.card-bg-default.fade-out{animation:bgFadeOut .5s ease forwards}.card-bg-default.fade-in{animation:bgFadeIn .5s ease forwards}@keyframes bgScaleIn{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes bgFadeOut{0%{opacity:.35}to{opacity:0}}@keyframes bgFadeIn{0%{opacity:0}to{opacity:.35}}.business-card{position:relative;border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;min-height:320px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,opacity .5s ease}.business-scroll:hover .business-card{opacity:.1}.business-scroll:hover .business-card:hover{opacity:1;transform:scale(1.03)}.business-card .card-bg-layer{position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .5s ease;z-index:0;background:linear-gradient(135deg,#002d7299,#0000004d)}.business-card:hover .card-bg-layer{opacity:1}.business-card .card-content{position:relative;z-index:2;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:2rem 1.5rem;margin-top:auto;transition:background .4s ease,transform .4s ease;border:1px solid rgba(255,255,255,.5)}.business-card:hover .card-content{background:#fffffff2;transform:translateY(-4px)}.business-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,transparent 30%,var(--color-gold) 50%,transparent 70%);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:3}.business-card:hover:before{opacity:1;animation:gradientMove 2s ease infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.business-card-number{font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:var(--color-gold);line-height:1;margin-bottom:1.5rem;letter-spacing:-.04em;transition:color .4s ease,text-shadow .4s ease;filter:drop-shadow(0 2px 8px rgba(200,169,81,.3))}.business-card:hover .business-card-number{color:var(--color-navy);filter:drop-shadow(0 2px 8px rgba(0,45,114,.3))}.business-card-title{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-navy);letter-spacing:-.02em;margin-bottom:1rem;transition:color .6s ease}.business-card-desc{font-size:.9rem;line-height:1.7;color:#002d72b3;transition:color .6s ease}.business-card .card-icon{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;opacity:.4;transition:opacity .4s ease,transform .4s ease;z-index:3}.business-card:hover .card-icon{opacity:.7;transform:scale(1.1) rotate(10deg)}.business-card .card-icon svg{width:100%;height:100%;stroke:var(--color-navy)}.business-card .card-corner{position:absolute;width:60px;height:60px;opacity:0;transition:opacity .4s ease;z-index:3;pointer-events:none}.business-card .card-corner-tl{top:12px;left:12px;border-top:3px solid var(--color-gold);border-left:3px solid var(--color-gold);border-radius:4px 0 0}.business-card .card-corner-br{bottom:12px;right:12px;border-bottom:3px solid var(--color-gold);border-right:3px solid var(--color-gold);border-radius:0 0 4px}.business-card:hover .card-corner{opacity:.6}.business-card .card-decoration{position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none;background:linear-gradient(135deg,#002d7266,#c8a95133)}.business-card:hover .card-decoration{opacity:1}.news{background:var(--color-white)}.news-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2rem}.news-item{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start;padding:1.5rem;border-radius:var(--radius);transition:background .3s ease;text-decoration:none;color:inherit;cursor:pointer}.news-item:hover{background:var(--color-surface)}.news-item--no-image{grid-template-columns:1fr}.news-item:first-child{grid-column:1 / -1;grid-template-columns:360px 1fr;gap:2.5rem;padding:2rem}.news-image{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#e8ecf0,#d4dae0);border-radius:var(--radius);overflow:hidden;position:relative}.news-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#002d720d,#002d7226)}.news-item:hover .news-image{transform:scale(1.02);transition:transform .4s ease}.news-content{display:flex;flex-direction:column;gap:.75rem}.news-date{font-size:.8rem;color:var(--color-muted);letter-spacing:.02em}.news-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-navy);letter-spacing:-.01em;line-height:1.5}.news-item:first-child .news-title{font-size:1.5rem}.news-excerpt{font-size:.875rem;color:var(--color-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-arrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-navy);font-weight:500;margin-top:.5rem;opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s ease}.news-item:hover .news-arrow{opacity:1;transform:translate(0)}.news-arrow svg{width:14px;height:14px;stroke:currentColor}.about-teaser{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.about-teaser-left{background:var(--color-navy);display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,100px)}.about-quote{font-family:var(--font-display);font-size:clamp(24px,3.5vw,40px);font-weight:600;color:var(--color-white);letter-spacing:-.02em;line-height:1.5;margin-bottom:2.5rem}.about-cta{display:inline-flex;align-items:center;gap:.75rem;padding:14px 32px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);color:var(--color-white);font-size:.9rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:border-color .3s ease,background .3s ease}.about-cta:hover{border-color:var(--color-gold);background:#c8a95114}.about-cta svg{width:16px;height:16px;stroke:currentColor;transition:transform .3s ease}.about-cta:hover svg{transform:translate(4px)}.about-teaser-right{background:#001233;position:relative;overflow:hidden}.about-slide-wrap{position:absolute;inset:0;z-index:1}.about-slide{position:absolute;inset:0;opacity:0;will-change:opacity,transform;transition:opacity .9s ease}.about-slide.active{opacity:1}.about-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.about-slide[data-anim=zoom-fade].active{animation:aboutZoomFade 1.2s ease-out forwards}.about-slide[data-anim=pan-up].active{animation:aboutPanUp 1.2s ease-out forwards}.about-slide[data-anim=pan-right].active{animation:aboutPanRight 1.2s ease-out forwards}@keyframes aboutZoomFade{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes aboutPanUp{0%{opacity:0;transform:translateY(8%)}to{opacity:1;transform:translateY(0)}}@keyframes aboutPanRight{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:translate(0)}}.about-vignette{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,rgba(0,18,51,.75) 0%,rgba(0,18,51,.2) 50%,transparent 100%);pointer-events:none}.about-slide-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:8px}.about-slide-dot{width:20px;height:2px;background:#ffffff4d;border-radius:1px;cursor:pointer;transition:all .3s}.about-slide-dot.active{width:36px;background:#c8a951}@media (max-width: 1024px){.news-grid{grid-template-columns:1fr}.news-item:first-child{grid-template-columns:240px 1fr}.about-teaser{grid-template-columns:1fr}.about-teaser-right{min-height:300px}}@media (max-width: 768px){.hero-content{padding:0 16px}.business-card{flex:0 0 240px;aspect-ratio:auto;min-height:360px}.news-item,.news-item:first-child{grid-template-columns:1fr;gap:1rem}.news-image{aspect-ratio:16/9}.about-teaser-right{min-height:240px}}@media (max-width: 480px){.about-teaser-right{min-height:280px}.business-scroll{grid-template-columns:1fr}}