@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.presentation-hero{isolation:isolate}.presentation-hero .hero-content{z-index:3}.presentation-hero h1{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:clamp(40px,3.8vw,60px);line-height:1.16;letter-spacing:-.047em;animation:none;margin-top:36px;margin-bottom:29px;text-shadow:0 2px 18px #063b0533}.presentation-hero h1 .headline-line{display:block;color:#fff;animation:headlineUnfold 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:.15s}.presentation-hero h1 .headline-second{font-weight:500;color:#efffe1;animation-delay:.33s}.presentation-hero .hero-content>.eyebrow{animation-duration:1s}.presentation-hero .hero-content>p{animation-delay:.48s;animation-duration:1s}.presentation-hero .hero-content>.button,.presentation-hero .hero-content>.text-link{animation-delay:.65s}.hero-ribbon{position:absolute;inset:-10% -10% -10% 38%;z-index:-1;pointer-events:none;background:url('assets/abstract.webp') center/cover;mask-image:linear-gradient(90deg,transparent,#000 28%);opacity:.7;animation:ribbonLife 7s ease-in-out infinite alternate;transform-origin:right center}.presentation-hero:before{content:'';position:absolute;inset:0 0 59% 43%;z-index:0;pointer-events:none;background:linear-gradient(180deg,#063b05a6,#063b054a 63%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%)}.presentation-hero .hero-portrait img{animation:portraitCamera 11s ease-in-out infinite alternate;translate:var(--hero-x,0px) var(--hero-y,0px);transition:translate .9s ease-out}.hero-brand{z-index:2;animation:brandReveal 1.25s .65s both}.presentation-hero .text-link{border-bottom:1px solid #063b0555;padding-bottom:5px}.presentation-contact{background:#063b05;color:#fff;isolation:isolate;overflow:hidden}.contact-art{position:absolute;inset:-14% -10% -14% 25%;background:url('assets/abstract-3.webp') 70% center/cover;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 26%);animation:contactLife 10s ease-in-out infinite alternate;pointer-events:none}.presentation-contact:before{background:linear-gradient(90deg,#063b05 0%,#063b05f5 34%,#063b05a3 64%,#063b0575);z-index:1;pointer-events:none}.presentation-contact .contact-inner{z-index:2}.presentation-contact h2{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-weight:700;color:#fff;letter-spacing:-.045em;line-height:1.12}.presentation-contact em{color:#dfffa3}.presentation-contact .eyebrow{color:#dfffa3}.presentation-contact .dot{background:#8cd02b}.presentation-contact p{color:#dbead0}.presentation-contact .lime{background:#dfffa3;color:#063b05;transition:background .25s,transform .25s}.presentation-contact .lime:hover{background:#c5f478;transform:translateY(-3px)}.presentation-contact .contact-details{border-color:#dfffa345;color:#fff}.presentation-contact .contact-brand{filter:brightness(0) invert(1);opacity:.93}.contact-details a{transition:color .2s}.contact-details a:hover{color:#dfffa3}
@keyframes headlineUnfold{from{opacity:0;transform:translateY(25px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@keyframes ribbonLife{from{transform:scale(1.015) translate(-2%,1%) rotate(-1.5deg)}to{transform:scale(1.13) translate(3.5%,-2%) rotate(1.5deg)}}
@keyframes portraitCamera{from{transform:scale(1.015) translateX(-.25%)}to{transform:scale(1.065) translateX(.45%)}}
@keyframes brandReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes contactLife{from{transform:scale(1.025) translate(-1%,1%) rotate(-1deg)}to{transform:scale(1.14) translate(3%,-2%) rotate(1deg)}}
@media(max-width:1200px){.presentation-hero h1{font-size:42px}.hero-ribbon{inset:-10% -15% -10% 35%}}
@media(min-width:641px) and (max-width:900px){.presentation-hero h1{font-size:33px;text-shadow:none}.presentation-hero h1 .headline-line{color:#063b05}.presentation-hero h1 .headline-second{color:#1d6617}.hero-ribbon{inset:0 0 0 48%;opacity:.22;mask-image:none}.presentation-hero:before{display:none}}
@media(max-width:640px){.presentation-hero h1{font-size:clamp(29px,8.5vw,36px);letter-spacing:-.048em;line-height:1.18;margin-top:25px;margin-bottom:22px;text-shadow:none}.presentation-hero h1 .headline-line{color:#063b05}.presentation-hero h1 .headline-second{color:#1d6617}.hero-ribbon{inset:350px -30% -5% 5%;z-index:-2;opacity:.24;mask-image:linear-gradient(180deg,transparent,#000 45%);animation-duration:8s}.presentation-hero:before{display:none}.presentation-hero .hero-portrait img{animation-duration:12s}.hero-brand{bottom:32px}.presentation-contact h2{font-size:35px}.contact-art{inset:-8% -40% -8% 4%;opacity:.85;animation-duration:11s}.presentation-contact:before{background:linear-gradient(110deg,#063b05f5,#063b05c9 55%,#063b059c)}.presentation-contact .contact-brand{width:170px}.presentation-contact .contact-details{margin-top:32px}}
@media(max-width:360px){.presentation-hero h1{font-size:29px}.presentation-contact h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-ribbon,.contact-art,.presentation-hero .hero-portrait img,.presentation-hero h1 .headline-line,.hero-brand{animation:none!important;opacity:1;transform:none;clip-path:none;translate:none;transition:none}.hero-ribbon{opacity:.5}.presentation-hero h1 .headline-line{color:inherit}.hero-brand{opacity:1}}

@media(max-width:360px){.advantage-layout .photo>span{font-size:20px}}

/* Quiet, staggered reveal for the strengths mosaic. */
.advantage-card.reveal{opacity:0;transform:translateY(30px) scale(.975);transition:opacity .7s ease,transform .85s cubic-bezier(.18,.75,.25,1),box-shadow .35s}
.advantage-card.reveal.visible{opacity:1;transform:translateY(0) scale(1)}
.advantage-card h3{transition:opacity .65s .1s,transform .75s .1s}
.advantage-card.reveal:not(.visible) h3{opacity:0;transform:translateY(9px)}
.advantage-card.reveal.visible h3{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.advantage-card.reveal.visible:hover{transform:translateY(-5px) scale(1);box-shadow:0 15px 26px #063b0520}}
@media(max-width:640px){.advantage-card.reveal{transform:translateY(22px) scale(.985)}}
@media(prefers-reduced-motion:reduce){.advantage-card.reveal,.advantage-card.reveal.visible,.advantage-card.reveal:not(.visible) h3,.advantage-card.reveal.visible h3{opacity:1;transform:none!important;transition:none}}

/* Preserve the opaque composition of the presentation cover. */
.presentation-hero:before,.presentation-hero:after{display:none}
.presentation-hero .hero-portrait img{opacity:1;mix-blend-mode:normal;filter:none;animation:coverCamera 12s ease-in-out infinite alternate;translate:none;transform-origin:left center;transition:none}
@keyframes coverCamera{from{transform:scale(1)}to{transform:scale(1.022)}}
@media(max-width:640px){.presentation-hero .hero-portrait{height:460px}.presentation-hero:after{display:none}.presentation-hero .hero-content{background:#c5dfb2;padding-top:28px}.presentation-hero .hero-portrait img{object-position:16% center;animation-duration:14s}}
@media(prefers-reduced-motion:reduce){.presentation-hero .hero-portrait img{animation:none!important;transform:none}}

.presentation-contact .contact-brand{filter:none;opacity:1}