/* MOMONA TRADING — luxury global commerce identity */
:root{--ink:#101310;--ink-soft:#191e1a;--paper:#f2f0e9;--paper-2:#e8e5dc;--gold:#b99a60;--gold-light:#d4bd8d;--green:#244b3c;--muted:#9b9b91;--line:rgba(185,154,96,.28);--display:"Barlow Condensed",sans-serif;--serif:"DM Serif Display",serif;--body:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:#f6f3eb;font-family:var(--body);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.site-header{height:82px;position:fixed;z-index:50;top:0;left:0;width:100%;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);transition:background .35s,height .35s}.site-header.scrolled{background:rgba(16,19,16,.96);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font:700 38px/.8 var(--display);letter-spacing:-3px;color:#f5f0e5}.brand-mark span{color:var(--gold)}.brand-name{font:800 13px/1.1 var(--body);letter-spacing:3px}.brand-name small{display:block;margin-top:5px;color:var(--gold);font-size:8px;letter-spacing:3px}.main-nav{display:flex;align-items:center;gap:35px}.main-nav>a{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#d2d0c8;transition:color .2s}.main-nav>a:hover{color:var(--gold-light)}.main-nav .nav-contact{border:1px solid var(--gold);padding:11px 17px;color:#fff}.nav-contact span{color:var(--gold);margin-left:12px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:6px}
.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#171b18}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url("https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=2400&q=90") center 54%/cover;transform:scale(1.04);animation:heroReveal 1.8s ease forwards}.hero-shade{background:linear-gradient(90deg,rgba(8,12,10,.72),rgba(8,12,10,.37),rgba(8,12,10,.7)),linear-gradient(0deg,rgba(8,12,10,.8),transparent 48%,rgba(8,12,10,.35))}.hero-content{position:relative;z-index:2;padding:100px 20px 60px;max-width:950px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:2.3px;color:var(--gold-light);text-transform:uppercase}.eyebrow>span,.gold-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}.hero h1{font:700 clamp(76px,12vw,160px)/.79 var(--display);letter-spacing:-2px;text-transform:uppercase;margin:35px 0 25px}.hero h1 em,.section-heading h2 em,.cap-heading h2 em,.map-copy h2 em,.process-head h2 em,.contact-copy h2 em,.intro-title h2 em{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-2px;color:var(--gold-light)}.hero-copy{font:20px var(--serif);color:#e3e0d7;margin:0 auto 35px}.hero-actions{display:flex;justify-content:center;gap:13px}.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;border:1px solid transparent;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button b{font-size:17px;font-weight:400}.button-gold{background:var(--gold);color:#151710}.button-gold:hover{background:var(--gold-light)}.button-outline{border-color:rgba(255,255,255,.55);color:#fff}.button-outline:hover{border-color:var(--gold);background:rgba(185,154,96,.1)}.hero-bottom{position:absolute;z-index:2;bottom:34px;left:6.2%;right:6.2%;display:flex;justify-content:space-between;color:#d2d0c8;font-size:8px;letter-spacing:1.8px}.hero-bottom a{color:var(--gold-light)}.hero-index{position:absolute;right:3%;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.55)}.hero-index span{color:var(--gold);margin-top:12px}
.section-light{background:var(--paper);color:var(--ink)}.section-dark{background:var(--ink);color:#f4f1e8}.intro{padding:105px 9% 110px}.intro-kicker,.cap-top{display:flex;align-items:center;gap:22px}.eyebrow.dark{color:#6d6d60}.rule{height:1px;width:70px;background:#c7bda8}.muted{font-size:11px;color:#88877d}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;padding:76px 0 64px}.intro-title h2,.section-heading h2,.cap-heading h2,.map-copy h2,.process-head h2,.contact-copy h2{font:700 clamp(58px,7vw,100px)/.88 var(--display);text-transform:uppercase;letter-spacing:-1.5px;margin:0}.intro-title h2 em{color:var(--green)}.intro-copy{max-width:440px;padding-bottom:6px}.intro-copy .lead{font:26px/1.35 var(--serif);margin:0 0 20px}.intro-copy>p:not(.lead){font-size:12px;line-height:2;color:#696a61}.text-link{display:inline-flex;gap:35px;margin-top:18px;padding-bottom:9px;border-bottom:1px solid #a9956c;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.text-link span{color:#9b7a43}.intro-photo{height:420px;position:relative;overflow:hidden}.intro-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,15,12,.35),transparent 50%)}.intro-photo span{position:absolute;z-index:1;bottom:24px;left:28px;color:#fff;font-size:8px;letter-spacing:2px}
.portfolio{padding:112px 0 55px 8.5%;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:0 8.5% 55px 0}.section-heading h2{font-size:clamp(60px,7.3vw,102px);margin-top:25px}.section-heading h2 em{color:var(--gold)}.heading-side{width:265px;padding-bottom:5px}.heading-side p{font:17px/1.5 var(--serif);color:#c6c4ba}.drag-note{margin-top:28px;color:var(--gold);font-size:8px;letter-spacing:1.5px}.drag-note span{font-size:17px;margin-left:13px}.portfolio-track{display:flex;gap:15px;overflow-x:auto;padding:0 8.5% 20px 0;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.portfolio-track::-webkit-scrollbar{display:none}.product-card{height:510px;min-width:315px;width:calc((100vw - 180px)/3.2);max-width:410px;position:relative;overflow:hidden;scroll-snap-align:start;background:#252a25;flex:0 0 auto}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.75)}.product-card:hover img{transform:scale(1.07);filter:saturate(1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,8,.94),rgba(7,10,8,.05) 70%)}.card-number{position:absolute;top:22px;left:23px;font:600 17px var(--display);color:var(--gold-light)}.card-content{position:absolute;bottom:27px;left:27px;right:25px}.card-content>span{font-size:8px;letter-spacing:1.8px;color:var(--gold-light)}.card-content h3{font:600 43px/.9 var(--display);text-transform:uppercase;margin:12px 0}.card-content h3 i{font:italic 25px var(--serif);text-transform:none;color:var(--gold-light)}.card-content p{max-width:250px;font-size:10px;color:#d0cec4}.card-content>a{display:inline-block;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:var(--gold-light)}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 8.5% 0 0;color:#85867d;font-size:8px;letter-spacing:1.7px}.track-btn{width:43px;height:43px;border:1px solid var(--line);background:none;color:var(--gold-light);font-size:19px;margin-left:8px;cursor:pointer}.track-btn:hover{background:var(--gold);color:var(--ink)}
.capabilities{padding:115px 9% 120px}.cap-top{justify-content:space-between}.cap-heading{display:flex;justify-content:space-between;align-items:end;margin:70px 0 65px}.cap-heading h2{font-size:clamp(64px,7.6vw,104px)}.cap-heading h2 em{color:var(--green)}.cap-heading>p{width:300px;font-size:12px;color:#6d6d64;line-height:2;margin:0 3% 8px 0}.cap-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;border-top:1px solid #c9c4b7;border-left:1px solid #c9c4b7}.cap-item{position:relative;min-height:235px;padding:32px 32px 28px;border-right:1px solid #c9c4b7;border-bottom:1px solid #c9c4b7}.cap-large{grid-row:span 2;min-height:470px;background:#e8e5dc}.cap-no{font:600 13px var(--display);color:#9d8557}.cap-symbol{font-size:31px;color:var(--green);margin:38px 0 17px}.cap-item h3{font:600 29px/.95 var(--display);text-transform:uppercase;margin:0 0 12px}.cap-item p{font-size:10px;line-height:1.9;color:#73736a;max-width:270px}
.map-section{padding:110px 8.5% 0;background:#151a16;overflow:hidden}.map-copy{max-width:540px}.map-copy h2{font-size:clamp(65px,7vw,95px);margin:26px 0}.map-copy h2 em{color:var(--gold)}.map-copy>p{max-width:430px;color:#b6b7ad;font-size:11px;line-height:2}.map-legend{display:flex;gap:25px;margin-top:27px;font-size:7px;letter-spacing:1.3px;color:#a8a89f}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px}.map-legend .route-dot{background:transparent;border:1px dashed var(--gold)}.map-visual{max-width:900px;margin:-245px 0 15px auto;position:relative}.map-visual svg{width:100%;overflow:visible}.map-pin circle{fill:var(--gold);stroke:#151a16;stroke-width:4}.map-pin .pulse{fill:none;stroke:var(--gold);stroke-width:1.5;animation:pulse 2.5s infinite}.map-pin text{fill:#e6d3a9;font:700 10px var(--body);letter-spacing:1.3px}.map-caption{text-align:right;font-size:7px;letter-spacing:1.5px;color:#777a70;margin-top:-15px}.office-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:45px}.office-strip>div{padding:28px 20px 33px 0;border-right:1px solid var(--line);margin-right:22px}.office-strip>div:last-child{border:0}.office-strip span{font-size:7px;letter-spacing:1.6px;color:var(--gold)}.office-strip h3{font:600 24px var(--display);margin:9px 0 2px}.office-strip p{font-size:9px;color:#9b9d92;margin:0}
.process{padding:110px 9% 120px}.process-head{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:end}.process-head .eyebrow{grid-column:1/-1;margin-bottom:55px}.process-head h2{font-size:clamp(60px,7vw,95px)}.process-head h2 em{color:var(--green)}.process-head>p{max-width:310px;color:#73736a;font-size:11px;line-height:2;margin:0 0 8px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #c9c4b7}.process-steps article{position:relative;padding:27px 25px 0 0;margin-right:22px}.step-num{font:600 13px var(--display);color:#9d8557}.step-icon{width:68px;height:68px;border:1px solid #c5bdab;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--green);margin:28px 0 22px}.process-steps h3{font:600 28px var(--display);text-transform:uppercase;margin:0 0 9px}.process-steps p{font-size:10px;line-height:1.9;color:#73736a;max-width:220px}
.contact{padding:80px 9% 100px;background:#101310}.contact-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.contact-edition{font-size:8px;letter-spacing:1.6px;color:#81847a}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:70px}.contact-copy h2{font-size:clamp(68px,8vw,110px)}.contact-copy h2 em{color:var(--gold)}.contact-copy>p{font:19px/1.5 var(--serif);color:#c0c0b7;max-width:390px;margin:27px 0 45px}.contact-direct{display:grid;gap:5px}.contact-direct>span{font-size:7px;letter-spacing:1.7px;color:var(--gold);margin-top:17px}.contact-direct>a{font:18px var(--serif);color:#f1eee5}.contact-direct p{margin:0;color:#a4a69c;font-size:10px}.contact-direct .phone{font:12px var(--body);color:#c5c2b7}.contact-form{background:#1b201b;border:1px solid rgba(185,154,96,.22);padding:35px 36px}.form-heading{display:flex;justify-content:space-between;color:var(--gold-light);font-size:8px;letter-spacing:1.8px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:24px}.contact-form label{display:block;color:#c9c9bf;font-size:9px;letter-spacing:1px;margin-bottom:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid #55594f;border-radius:0;padding:10px 0;color:#f2efe7;outline:none;font-size:11px}.contact-form select{color:#bfc0b6}.contact-form select option{background:#1b201b}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--gold)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777b71}.submit-button{border:0;cursor:pointer;margin-top:5px}.contact-form small{display:block;color:#777b71;font-size:8px;line-height:1.8;margin-top:17px}.form-status{font-size:10px;color:var(--gold-light);min-height:18px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.site-footer{background:#0b0e0c;padding:55px 9% 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px}.footer-main>p{font:36px/.95 var(--display);font-weight:700;text-transform:uppercase;margin:0 0 0 10%;}.footer-main>p em{font:italic 27px var(--serif);text-transform:none;color:var(--gold)}.footer-cta{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:9px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#777a71;font-size:8px;letter-spacing:1px}.footer-bottom div{display:flex;gap:22px}.footer-bottom a:hover{color:var(--gold)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{0%{r:13;opacity:.9}100%{r:29;opacity:0}}@keyframes heroReveal{to{transform:scale(1)}}
@media(max-width:900px){.site-header{padding:0 5%}.main-nav{gap:18px}.main-nav>a{font-size:8px}.intro,.capabilities,.process{padding-left:6%;padding-right:6%}.portfolio{padding-left:6%}.section-heading{padding-right:6%}.product-card{width:42vw}.map-section{padding-left:6%;padding-right:6%}.map-visual{margin:-110px 0 10px auto;max-width:720px}.contact{padding-left:6%;padding-right:6%}.contact-layout{gap:5%}}
@media(max-width:650px){.site-header{}.menu-toggle{display:block;z-index:2}.main-nav{display:none;position:absolute;top:68px;left:0;width:100%;padding:22px 6% 28px;background:#101310;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}.main-nav .nav-contact{margin-top:14px;padding:13px}.hero{min-height:700px;}.hero h1{font-size:clamp(72px,18vw,112px);line-height:.82}.hero-copy{font-size:17px;max-width:290px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:220px}.hero-bottom{left:6%;right:6%;bottom:22px;font-size:7px}.hero-bottom span{max-width:130px}.hero-index{display:none}.intro{padding:75px 7%}.intro-kicker{flex-wrap:wrap;gap:10px}.intro-kicker .rule{width:35px}.intro-grid{grid-template-columns:1fr;gap:30px;padding:55px 0 38px}.intro-title h2{font-size:68px}.intro-copy .lead{font-size:23px}.intro-photo{height:270px}.portfolio{padding:78px 0 35px 7%}.section-heading{display:block;padding:0 7% 35px 0}.section-heading h2{font-size:68px}.heading-side{width:auto;margin-top:20px}.heading-side p{font-size:15px}.drag-note{margin-top:15px}.product-card{width:78vw;min-width:78vw;height:440px}.portfolio-track{padding-right:7%}.portfolio-footer{padding-right:7%}.capabilities{padding:78px 7%}.cap-heading{display:block;margin:48px 0 38px}.cap-heading h2{font-size:70px}.cap-heading>p{width:auto;margin:25px 0 0}.cap-grid{grid-template-columns:1fr 1fr}.cap-item{min-height:220px;padding:22px 17px}.cap-large{grid-column:span 2;grid-row:auto;min-height:260px}.cap-symbol{margin:23px 0 13px}.cap-item h3{font-size:25px}.map-section{padding:78px 7% 0}.map-copy h2{font-size:70px}.map-visual{margin:10px -7% 0;width:114%;}.map-pin text{font-size:12px}.map-caption{font-size:6px;padding-right:6%}.office-strip{grid-template-columns:1fr 1fr;margin-top:25px}.office-strip>div{padding:20px 10px 20px 0;margin-right:12px}.office-strip h3{font-size:22px}.process{padding:78px 7%}.process-head{display:block}.process-head .eyebrow{margin-bottom:40px}.process-head h2{font-size:70px}.process-head>p{margin-top:25px}.process-steps{grid-template-columns:1fr 1fr;row-gap:35px;margin-top:50px}.process-steps article{margin-right:10px}.step-icon{width:58px;height:58px;margin:20px 0 15px}.contact{padding:65px 7% 75px}.contact-top{gap:15px;align-items:flex-start}.contact-edition{max-width:120px;text-align:right;font-size:7px}.contact-layout{grid-template-columns:1fr;gap:45px;padding-top:45px}.contact-copy h2{font-size:76px}.contact-copy>p{font-size:17px;margin:22px 0}.contact-form{padding:26px 20px}.form-row{gap:13px}.footer-main{flex-wrap:wrap;gap:28px}.footer-main>p{margin:0;font-size:31px}.footer-cta{margin-left:auto}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom div{width:100%;gap:18px}.brand-mark{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.legal-page{min-height:75vh;padding:150px 10% 100px;background:var(--paper);color:var(--ink)}.legal-page h1{font:700 clamp(60px,9vw,110px)/.9 var(--display);text-transform:uppercase;margin:25px 0}.legal-page h1 em{font:italic  .7em var(--serif);color:var(--green);text-transform:none}.legal-page h2{font:600 30px var(--display);text-transform:uppercase}.legal-page p{max-width:680px;color:#65665e;font-size:13px;line-height:2}
#momonaWorldMap {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.map-visual {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

#worldMarkers text {
    font-family: inherit;
    pointer-events: none;
}

#worldMarkers .pulse {
    fill: none;
    stroke: #c4a66d;
    stroke-width: 1.5;
    opacity: 0.65;
    animation: mapPulse 2.5s infinite;
}

@keyframes mapPulse {
    0% {
        r: 12;
        opacity: 0.7;
    }

    100% {
        r: 25;
        opacity: 0;
    }
}

@media(max-width: 768px) {
    #momonaWorldMap {
        width: 100%;
    }

    #worldMarkers text {
        font-size: 11px;
    }
}