﻿/* Original Udhay Partner identity: emerald green and metallic-inspired gold. */
:root{--ivory:var(--color-canvas);--ink:var(--color-ink-green);--gold:var(--color-gold-ink);--muted:var(--color-hex-67766c);--line:var(--color-hex-dedccf);--brand-green:var(--color-brand-green);--brand-gold:var(--color-brand-gold)}
#partner-experience{--forest:var(--color-forest);--white:var(--color-hex-fffefa);--soft:var(--color-hex-f0f2e9)}
.brand{letter-spacing:0;gap:0}
.brand .brand-logo{display:block;width:205px;height:80px;object-fit:contain;max-width:100%;mix-blend-mode:multiply}
.site-header{min-height:88px}
.site-header.is-scrolled{border-bottom-color:var(--color-hex-d9dece)}
.header-link{border-color:var(--color-hex-b99539)}
#partner-experience .button-gold,.partner-submit,.portal-card button{background:var(--brand-green);border-color:var(--brand-green);color:var(--color-hex-fffdf5)}
#partner-experience .button-gold:hover,.partner-submit:hover{background:var(--color-hex-003e33)}
#partner-experience .button-outline{border-color:var(--color-hex-b38a2d)}
.partner-invite em,.tracking-section em,.footer-top em{color:var(--color-hex-e5bc58)!important}
.site-footer{background:var(--color-forest-deep)}
.site-footer .brand{background:var(--color-hex-fffefa);padding:7px 14px;border-radius:3px}
.site-footer .brand .brand-logo{width:215px;height:85px;mix-blend-mode:normal}
.portal-header .brand .brand-logo{width:220px;height:90px}
.portal-mini-brand{color:var(--brand-green)}
.demo-avatar,.demo-stat-row>div{background:var(--color-hex-f0f3e9)}
.chart-columns i{background:linear-gradient(var(--color-hex-d6aa3e),var(--color-brand-green))}
.tracking-ui .timeline .current i{background:var(--color-brand-green)}

@media(max-width:700px){.brand .brand-logo{width:145px;height:65px}.site-header{min-height:78px}.site-footer .brand .brand-logo{width:185px;height:74px}.portal-header .brand .brand-logo{width:160px;height:70px}}
@media(prefers-reduced-motion:reduce){}
/* Transparent original emblem; no filled logo plates or image-box backgrounds. */
.brand .brand-logo{mix-blend-mode:normal}
.site-footer .brand{background:var(--color-transparent);padding:0;border:0;box-shadow:none}
.land-story-image,.project-photo,.support-image,.event-art{background:var(--color-transparent)!important;box-shadow:none;border:0}
.event-art:after{display:none}
.event-art>span{background:var(--color-hex-003f34c9);padding:9px 12px}

.hero-stage::after{width:65%}
@media(max-width:700px){.hero-stage::after{width:100%;height:43%}}
@media(prefers-reduced-motion:reduce){}
/* Separate the scroll zoom from the delayed upward entrance. */


.land-story-visual::before,.land-story-visual::after{clip-path:inset(0 100% 100% 0);animation:none}
.land-story-visual.image-arrived::before{animation:corner-line-draw 1.1s cubic-bezier(.22,1,.36,1) both}
.land-story-visual.image-arrived::after{animation:corner-line-draw-bottom 1.1s .15s cubic-bezier(.22,1,.36,1) both}
@keyframes corner-line-draw{0%{clip-path:inset(0 100% 100% 0)}50%{clip-path:inset(0 0 98% 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes corner-line-draw-bottom{0%{clip-path:inset(100% 0 0 100%)}50%{clip-path:inset(98% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.land-story-visual::before,.land-story-visual::after{clip-path:none!important;animation:none!important}}
/* Composed hero column: all copy and fields stay inside the 65% white panel. */
.hero-content{position:absolute;z-index:4;left:7%;width:51%;top:calc(10svh + 30px);bottom:6%;display:flex;flex-direction:column;justify-content:center;gap:25px;max-width:850px}
.hero-content .hero-story{position:static;width:100%;transform:none;transition:none}
.hero-content .hero-story .eyebrow{font-size:9px;letter-spacing:2.1px}
.hero-content .hero-story h1,.hero-stage.partner-ready .hero-content .hero-story h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,4vw,70px);line-height:1.1;letter-spacing:-.035em;margin:20px 0}
.hero-content .hero-story h1 em{font-family:inherit}
.hero-content .hero-story p{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(13px,1vw,16px);line-height:1.8;max-width:560px;margin:0;color:var(--color-hex-66776d)}
.hero-content .partner-panel{position:static;left:auto;bottom:auto;width:100%;transform:translateY(30px);max-width:none}
.hero-stage.partner-ready .hero-content .partner-panel{transform:translateY(0)}
.hero-content .partner-form{border:0;border-radius:0;box-shadow:none;background:var(--color-transparent);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;backdrop-filter:none}
.hero-content .partner-field{padding:0;gap:8px;border:0!important;box-shadow:none}
.hero-content .partner-field label{font-size:9px;letter-spacing:1.3px;color:var(--color-hex-65766c)}
.hero-content .partner-field input{width:100%;padding:15px 14px;background:var(--color-hex-f6f8f3);border:1px solid var(--color-hex-d8dfd3);border-radius:5px;font-size:13px;height:49px;outline-offset:3px}
.hero-content .partner-field input:focus{outline:2px solid var(--gold)}
.hero-content .partner-submit{grid-column:1/-1;justify-self:start;border-radius:5px;padding:16px 25px;min-width:185px;box-shadow:none;font-size:12px}
.hero-content .partner-note{font-size:9px;margin:11px 0 0;color:var(--color-hex-8a948a)}
.hero-content .partner-status{margin:10px 0 0}
.hero-video-control{visibility:hidden}.hero-stage.story-ready .hero-video-control{visibility:visible}
.hero-video-control .motion-toggle{border:0;background:var(--color-transparent);padding:0;font-size:9px;color:var(--color-hex-7d897f);box-shadow:none}
.hero-video-control .motion-toggle span{font-size:8px;margin-left:6px}
.site-header{justify-content:space-between}.header-navigation{margin-left:auto;gap:35px}
@media(max-width:900px) and (min-width:701px){.hero-content{left:5%;width:55%;gap:20px}.hero-content .hero-story h1,.hero-stage.partner-ready .hero-content .hero-story h1{font-size:43px}.hero-content .partner-form{gap:12px}.header-navigation{gap:20px}}
@media(max-width:700px){.hero-stage::after{width:100%;height:100%}.hero-content{left:7%;width:86%;top:100px;bottom:25px;gap:22px}.hero-content .hero-story h1,.hero-stage.partner-ready .hero-content .hero-story h1{font-size:42px;letter-spacing:-.035em;margin:17px 0}.hero-content .hero-story p{font-size:13px;line-height:1.75}.hero-content .partner-panel{width:100%}.hero-content .partner-form{gap:13px}.hero-content .partner-submit{justify-self:stretch}.hero-content .hero-story .eyebrow{font-size:7px;letter-spacing:1.3px}}
@media(max-height:650px){.hero-content{top:95px;bottom:18px;gap:14px}.hero-content .hero-story h1,.hero-stage.partner-ready .hero-content .hero-story h1{font-size:38px;margin:12px 0}.hero-content .hero-story p{font-size:12px;line-height:1.6}.hero-content .partner-field input{height:42px}.hero-content .partner-submit{padding:13px 20px}}
