/* Campaign home: editorial contrast, graphic steps and purposeful motion. */
.real-hero{max-width:none;min-height:710px;background:#073b28}
.real-hero-copy{padding-top:56px;padding-bottom:54px}
.real-hero .real-kicker{display:inline-flex;padding:10px 14px;border:1px solid #8cc54066;border-radius:8px;background:#073b28bb;max-width:95%;line-height:1.5}
.real-photo{inset:0 0 0 32%}
.real-photo:after{background:linear-gradient(90deg,#073b28, #073b2870 35%,transparent 75%),linear-gradient(0deg,#073b28,transparent 60%)}
.real-stamp{border:2px dashed #0e4f2d;outline:7px solid #8cc540;right:5%;bottom:125px}
.real-bottom{margin:0;padding:22px 6%;background:#8cc540;color:#0e4f2d;border:0;align-items:center;justify-content:space-between;font:700 clamp(14px,2vw,23px)/1.1 SukrolBebas,Impact,sans-serif;letter-spacing:.1em}
.real-bottom i{font-style:normal;font-size:30px;animation:home-spark 1s ease-out both}
.real-concept{max-width:1440px;margin:auto;padding:72px 6% 36px;gap:7%;border:0}
.real-concept h2{font-size:clamp(36px,4.7vw,66px);line-height:1}
.real-concept>div:last-child{border-left:2px solid #8cc54055;padding-left:32px;align-self:center}
.text-link{width:fit-content;text-decoration:none;border-bottom:1px solid #8cc540;padding-bottom:7px;transition:color .2s,letter-spacing .2s}
.text-link:hover{color:#8cc540;letter-spacing:.02em}
.home-mechanic{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1440px;margin:auto;padding:0 6% 64px}
.home-mechanic article{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;border:1px solid #8cc54055;border-radius:24px;padding:30px;background:linear-gradient(135deg,#155a38,#083d29);transition:transform .3s,box-shadow .3s}
.home-mechanic article:nth-child(2){background:linear-gradient(135deg,#226640,#0b402c);color:#f5f1dc;border-color:#8cc54066}
.mechanic-symbol{display:grid;place-items:center;flex:0 0 88px;height:88px;border:1px solid #8cc54088;border-radius:50%;font:70px/1 Arial,sans-serif;color:#8cc540;transition:transform .5s}
.home-mechanic article:nth-child(2) .mechanic-symbol{background:#0e4f2d;border:0}
.home-mechanic article:hover{transform:translateY(-5px);box-shadow:0 16px 35px #001f1833}
.home-mechanic article:hover .mechanic-symbol{transform:rotate(25deg)}
.mechanic-number{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em}
.home-mechanic h3{font:700 34px/1 SukrolBebas,Impact,sans-serif;margin:12px 0}
.home-mechanic p{font-size:14px;line-height:1.55;max-width:320px;margin:0}
.real-brand-story{position:relative;min-height:280px;padding:48px 40% 48px 6%;overflow:hidden;background:#0e4f2d;border-block:1px solid #8cc54040}
.real-brand-story h2{font-size:clamp(28px,3vw,44px)}
.story-art{position:absolute;right:7%;top:30px;bottom:30px;width:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #8cc54066;border-radius:50%;transform:rotate(-9deg);background:radial-gradient(ellipse,#8cc54022,transparent 70%)}
.story-art strong{font:700 clamp(70px,9vw,150px)/1 SukrolOctin,Impact,sans-serif;color:#8cc540;letter-spacing:-.05em}
.story-art span{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.16em}
.real-journey{padding:64px 6%;max-width:1440px;border:0;gap:6%}
.real-journey li{background:#ffffff06;border:1px solid #8cc54030;border-radius:18px;padding:20px;margin-bottom:12px;align-items:center;transition:background .3s,transform .3s}
.real-journey li:hover{background:#8cc54014;transform:translateX(5px)}
.real-journey li>span{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:14px;background:#8cc540;color:#0e4f2d;font-size:32px}
.real-journey h3{font-size:27px}
.prize-showcase{max-width:none;background:radial-gradient(ellipse at top,#195c39,#052d22 75%);color:#f5f1dc;padding:64px 6%;border-top:1px solid #8cc54040}
.prize-showcase .real-kicker,.prize-showcase em{color:#8cc540}
.prize-showcase .prize-status>span{color:#d1edb7;border-color:#8cc54055;background:#8cc54012}
.prize-showcase .prize-status p,.prize-showcase .prize-caption p{color:#b8ceb5}
.real-prize-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.real-prize-card{color:#f5f1dc;border-radius:22px;min-height:300px;box-shadow:0 7px 0 #0e4f2d12}
.real-prize-card.prize-main{grid-row:span 2;min-height:616px}
.real-prize-card:last-child{grid-column:2/4;min-height:250px}
.real-prize-card:last-child img{object-position:center 38%}
.prize-caption a{font-weight:700;text-underline-offset:5px}
.real-finale{padding:68px 24px;background:radial-gradient(ellipse at center,#24643c,#073b28 75%)}
.real-finale>.text-link{margin-inline:auto;font-size:13px}
.real-finale h2{font-size:clamp(70px,13vw,180px);line-height:.95;margin:15px 0 30px}
@keyframes home-spark{from{transform:rotate(-180deg) scale(.4)}to{transform:rotate(0) scale(1)}}
.home-mechanic article.is-revealed .mechanic-symbol{animation:home-symbol-in .8s cubic-bezier(.2,.8,.2,1.2) .2s both}
@keyframes home-symbol-in{from{transform:rotate(-80deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:851px){
  .story-art{animation:home-art-scroll linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes home-art-scroll{from{transform:rotate(-16deg) translateY(18px)}to{transform:rotate(8deg) translateY(-18px)}}
 }
}
@media(max-width:850px){.home-mechanic article{gap:16px;padding:22px}.mechanic-symbol{flex-basis:58px;height:58px;font-size:46px}.home-mechanic h3{font-size:28px}.real-prize-card.prize-main{min-height:576px}.real-prize-card{min-height:280px}}
@media(max-width:650px){
 .real-hero{min-height:0}.real-photo{inset:0 0 auto;height:410px}.real-photo:after{background:linear-gradient(0deg,#073b28,transparent 85%)}
 .real-hero-copy{padding:260px 22px 28px}.real-hero .real-kicker{padding:7px 9px;font-size:8px;max-width:100%}.real-hero .real-kicker>span{width:15px;flex:none}
 .real-stamp{top:146px;bottom:auto;right:24px;outline-width:4px}
 .real-bottom{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 12px;font-size:13px;letter-spacing:.04em}.real-bottom i{font-size:16px}.real-bottom i:nth-of-type(2){display:none}
 .real-concept{padding:34px 22px 22px;gap:12px}.real-concept h2{font-size:38px}.real-concept>div:last-child{border-left:0;padding-left:0}
 .home-mechanic{grid-template-columns:1fr;padding:0 20px 32px;gap:12px}.home-mechanic article{padding:18px;gap:18px;border-radius:18px}.home-mechanic h3{font-size:26px;margin:8px 0}.home-mechanic p{font-size:13px}.mechanic-symbol{flex-basis:58px}
 .real-brand-story{padding:30px 22px}.story-art{display:none}.real-brand-story h2{font-size:31px}
 .real-journey{padding:34px 22px;gap:24px}.real-journey li{padding:15px;gap:15px}.real-journey li>span{flex-basis:42px;height:42px;font-size:27px}.real-journey h3{font-size:25px}.real-journey li p{font-size:13px}
 .prize-showcase{padding:34px 20px}.real-prize-grid{grid-template-columns:1fr 1fr;gap:12px}.real-prize-card.prize-main{grid-row:auto;grid-column:1/-1;min-height:280px!important}.real-prize-card{min-height:230px}.real-prize-card:last-child{grid-column:auto;min-height:230px}.real-prize-card{border-radius:16px}.real-finale{padding:42px 20px}
}
@media(prefers-reduced-motion:reduce){.real-bottom i{animation:none}.home-mechanic article,.mechanic-symbol,.real-journey li,.text-link{transition:none}}
/* Green throughout; light and depth bring the campaign to life. */
.real-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#8cc54025,transparent 60%);animation:home-aura 4s ease-in-out both}
.real-concept,.real-brand-story,.prize-showcase{position:relative;isolation:isolate;overflow:hidden}
.real-concept::before,.real-brand-story::before,.prize-showcase::before{content:'';position:absolute;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 20% 40%,#8cc54020,transparent 50%);opacity:0}
.home-in-view::before{animation:home-aura 4s ease-in-out both}
.home-mechanic article::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(220px circle at var(--light-x,50%) var(--light-y,50%),#b6ed4833,transparent 75%);opacity:0;transition:opacity .3s}
.home-mechanic article:hover::after{opacity:1}
.home-mechanic article.is-revealed.home-in-view .mechanic-symbol{animation:home-symbol-flair 1.5s cubic-bezier(.2,.8,.2,1) both}
.real-prize-card{transform-style:preserve-3d;transition:transform .3s,box-shadow .3s,border-color .3s}
.real-prize-card.is-revealed:hover{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);box-shadow:0 18px 45px #001b1480,0 0 0 1px #8cc54088}
.real-prize-card::before{content:'';position:absolute;inset:-60%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff26 50%,transparent 58%);transform:translateX(-90%)}
.real-prize-card.home-in-view::before{animation:home-card-shine 1.6s ease-out var(--reveal-delay,0ms) both}
.real-finale.home-in-view h2{animation:home-title-impact .9s cubic-bezier(.16,1,.3,1) both}
.real-bottom{position:relative;overflow:hidden}
.real-bottom::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff40 50%,transparent 70%);animation:home-card-shine 2.5s ease-out .5s both}
@keyframes home-aura{0%{opacity:0;transform:translateX(-8%) scale(.9)}40%{opacity:1}100%{opacity:.6;transform:translateX(8%) scale(1.1)}}
@keyframes home-card-shine{from{transform:translateX(-90%)}to{transform:translateX(90%)}}
@keyframes home-symbol-flair{0%{transform:rotate(-100deg) scale(.65)}60%{transform:rotate(14deg) scale(1.12)}100%{transform:none}}
@keyframes home-title-impact{from{opacity:0;transform:translateY(35px) scale(.88);letter-spacing:.06em}to{opacity:1;transform:none;letter-spacing:0}}
@media(hover:none){.real-prize-card.is-revealed:hover{transform:none}.home-mechanic article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.home-in-view::before,.real-hero::after,.real-prize-card::before,.real-bottom::after{animation:none!important}.real-prize-card.is-revealed:hover{transform:none}}
/* Seamless skills ribbon; the repeated copy is hidden from assistive tech. */
.real-bottom{display:block;padding:22px 0}
.skills-track{display:flex;width:max-content;animation:skills-marquee 28s linear infinite}
.skills-group{display:flex;align-items:center;justify-content:space-around;gap:clamp(28px,5vw,90px);min-width:100vw;flex-shrink:0;padding:0 30px}
.skills-group span{white-space:nowrap}
.real-bottom .skills-group i{display:block;animation:skills-spin 12s linear infinite}
.real-bottom:hover .skills-track{animation-play-state:paused}
@keyframes skills-marquee{to{transform:translateX(-50%)}}
@keyframes skills-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.real-bottom{padding:16px 0}.skills-group{gap:28px;padding:0 14px}.skills-track{animation-duration:22s}}
@media(prefers-reduced-motion:reduce){.skills-track{width:100%;animation:none}.skills-group{min-width:0;width:100%;gap:10px;padding:0 12px;flex-wrap:wrap}.skills-group[aria-hidden]{display:none}.real-bottom .skills-group i{animation:none}}