:root{
  --emerald-900:#022B24;--emerald-850:#03332A;--emerald-800:#053A30;--emerald-700:#0A4A3C;
  --gold:#C9A84C;--gold-bright:#E7CC7F;--gold-deep:#9C7E33;
  --cream:#F4EFE3;--cream-dim:#D9D2C2;--ink:#16221D;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--emerald-900);color:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--gold);color:var(--emerald-900)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.eyebrow{font-family:var(--sans);font-weight:500;font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold);opacity:.8}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .4s ease;border-bottom:1px solid transparent}
header.scrolled{background:rgba(2,43,36,.94);backdrop-filter:blur(12px);padding:12px 0;border-bottom:1px solid rgba(201,168,76,.22)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.brand{display:flex;align-items:center;justify-self:start}
.brand-logo{height:57px;width:auto;display:block;transition:height .4s ease}
header.scrolled .brand-logo{height:46px}
.menu{display:flex;gap:34px;align-items:center;justify-self:center}
.menu a{font-size:.82rem;letter-spacing:.08em;color:var(--cream);font-weight:500;transition:color .25s;position:relative}
.menu a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:width .3s}
.menu a:hover{color:var(--cream)}
.menu a:hover::after{width:100%}
.nav-cta{justify-self:end}
.btn{font-family:var(--sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;transition:all .3s ease;font-weight:700;display:inline-flex;align-items:center;gap:9px}
.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:var(--emerald-900);padding:13px 26px;box-shadow:0 8px 24px rgba(201,168,76,.22)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,168,76,.35)}
.btn-ghost{background:transparent;color:var(--cream);padding:13px 28px;border:1px solid rgba(244,239,227,.4)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright)}
.hamburger{display:none;background:none;border:none;color:var(--cream);font-size:1.6rem;cursor:pointer;justify-self:end}

/* HERO — full-screen video background, centered content */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:150px 0 110px;overflow:hidden;background:#021c18 url('images/hero-poster.jpg') center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,28,20,.62) 0%,rgba(2,28,20,.48) 45%,rgba(2,28,20,.66) 100%)}
.hero-overlay::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 48%,rgba(2,28,20,.0) 0%,rgba(2,28,20,.55) 100%)}
.hero-inner{position:relative;z-index:4;width:100%;display:flex;justify-content:center}
.hero-copy{max-width:880px;text-align:center;display:flex;flex-direction:column;align-items:center}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:34px;height:1px;background:var(--gold);opacity:.8}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(3rem,7vw,6rem);line-height:1.02;letter-spacing:.005em;margin:26px 0 24px;color:#fff;text-shadow:0 4px 34px rgba(0,0,0,.55)}
.hero h1 .gold{color:var(--gold-bright);font-style:italic;font-weight:500}
.hero p.lead{font-size:1.14rem;color:#f3efe6;max-width:600px;font-weight:300;line-height:1.8;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero-cta{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:#f0ece1;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-hint .line{width:1px;height:44px;background:linear-gradient(var(--gold-bright),transparent);animation:drop 2s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* SECTION BASE */
.section{padding:118px 0;position:relative}
.section-head{max-width:720px;margin-bottom:58px}
.section-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.08;color:#fff;margin-top:20px;letter-spacing:.01em}
.section-head h2 em{color:var(--gold-bright);font-style:italic;white-space:nowrap}
.divider-gold{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:22px}

/* ABOUT */
.about{background:linear-gradient(180deg,#021c18,#022b24)}
.about-head{max-width:760px;margin-bottom:46px}
.about-body{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.about-img{position:relative}
.about-img img{width:100%;height:100%;max-height:460px;object-fit:cover;display:block;border:1px solid rgba(201,168,76,.35)}
.about-img::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(201,168,76,.4);z-index:-1}
.cred-strip.full{grid-template-columns:repeat(4,1fr);margin-top:46px}
.about p{color:var(--cream-dim);font-weight:300;font-size:1.04rem;margin-bottom:18px;line-height:1.85}
.about p strong{color:var(--cream);font-weight:500}
.cred-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(201,168,76,.22);margin-top:14px;border:1px solid rgba(201,168,76,.22)}
.cred{background:var(--emerald-850);padding:24px 22px}
.cred .k{font-family:var(--serif);font-size:1.6rem;color:var(--gold-bright);font-weight:600}
.cred .v{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);margin-top:6px}

/* CEO */
.ceo{background:var(--emerald-900)}
.ceo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.ceo-frame{position:relative;justify-self:center}
.ceo-arch{width:360px;max-width:100%;aspect-ratio:3/3.7;border-radius:200px 200px 14px 14px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 30px 70px rgba(0,0,0,.5);background:linear-gradient(180deg,#0a4a3c,#021c18)}
.ceo-arch img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ceo-frame::before{content:"";position:absolute;inset:-14px;border:1px solid rgba(201,168,76,.4);border-radius:212px 212px 22px 22px;z-index:-1}
.ceo blockquote{font-family:var(--serif);font-size:1.5rem;font-weight:500;font-style:italic;color:#fff;line-height:1.5;margin:22px 0;position:relative;padding-left:26px;border-left:2px solid var(--gold)}
.ceo .msg p{color:var(--cream-dim);font-weight:300;margin-bottom:16px;line-height:1.85}
.ceo .sign{margin-top:28px}
.ceo .sign .n{font-family:var(--serif);font-size:1.5rem;color:var(--gold-bright);font-weight:600}
.ceo .sign .t{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);margin-top:4px}

/* PRODUCTS */
.products{background:linear-gradient(180deg,#022b24,#021a16)}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:var(--emerald-850);border:1px solid rgba(201,168,76,.18);overflow:hidden;transition:all .4s ease}
.card:hover{transform:translateY(-8px);border-color:rgba(201,168,76,.5);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.card-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0c0a07}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card:hover .card-img img{transform:scale(1.05)}
.card-body{padding:28px 26px 30px}
.card-body .pname{font-family:var(--serif);font-size:1.5rem;color:#fff;font-weight:600;line-height:1.1}
.card-body .pdesc{color:var(--cream-dim);font-size:.92rem;font-weight:300;margin:12px 0 20px;min-height:62px}
.enquire{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);display:inline-flex;align-items:center;gap:10px;font-weight:500;transition:gap .3s}
.enquire:hover{gap:16px}.enquire span{font-size:1.1rem}

/* JOURNEY */
.journey{background:var(--emerald-900);text-align:center}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:30px;position:relative}
.steps::before{content:"";position:absolute;top:38px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}
.step{padding:0 14px;position:relative}
.step .ico{width:78px;height:78px;border-radius:50%;margin:0 auto 22px;border:1px solid rgba(201,168,76,.45);display:flex;align-items:center;justify-content:center;background:var(--emerald-850);position:relative;z-index:2;transition:all .4s}
.step:hover .ico{border-color:var(--gold);box-shadow:0 0 0 6px rgba(201,168,76,.08)}
.step .ico svg{width:32px;height:32px;stroke:var(--gold-bright);fill:none;stroke-width:1.3}
.step .num{font-family:var(--serif);font-size:.95rem;color:var(--gold);font-weight:600;letter-spacing:.1em}
.step h4{font-family:var(--serif);font-size:1.18rem;color:#fff;font-weight:600;margin:6px 0}

/* BAND */
.band{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;background-attachment:fixed}
.band-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,28,20,.84) 0%,rgba(2,28,20,.66) 50%,rgba(2,28,20,.84) 100%)}
.band-inner{position:relative;z-index:2;max-width:780px;padding:0 24px}
.band h2{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin-top:18px;line-height:1.1;text-shadow:0 3px 24px rgba(0,0,0,.5)}
.band h2 em{color:var(--gold-bright);font-style:italic}

/* QUALITY */
.quality{background:linear-gradient(180deg,#021a16,#022b24)}
.q-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.q-card{background:var(--emerald-850);border:1px solid rgba(201,168,76,.16);padding:36px 26px;transition:all .35s}
.q-card:hover{border-color:rgba(201,168,76,.45);transform:translateY(-5px)}
.q-card svg{width:32px;height:32px;stroke:var(--gold-bright);fill:none;stroke-width:1.3;margin-bottom:18px}
.q-card h4{font-family:var(--serif);font-size:1.28rem;color:#fff;font-weight:600;line-height:1.2}
.q-card p{font-size:.88rem;color:var(--cream-dim);font-weight:300;margin-top:10px}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,.2);border:1px solid rgba(201,168,76,.2);margin-top:26px}
.stat{background:var(--emerald-900);padding:30px 20px;text-align:center}
.stat .k{font-family:var(--serif);font-size:2.3rem;color:var(--gold-bright);font-weight:600;line-height:1}
.stat .v{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);margin-top:8px}

/* GLOBAL REACH */
.reach{background:var(--emerald-900);overflow:hidden}
.reach-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.reach p{color:var(--cream-dim);font-weight:300;font-size:1.04rem;line-height:1.85;margin-top:10px}
.flow{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}
.flow .node{font-family:var(--serif);font-size:1.35rem;color:var(--gold-bright);font-weight:600}
.flow .arr{color:var(--gold);opacity:.7}
.regions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.region{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);border:1px solid rgba(201,168,76,.3);padding:7px 14px}
.map-wrap{position:relative}
.reach-map{width:100%;height:auto;display:block}
.reach-map .mland{fill:rgba(201,168,76,.10);stroke:rgba(201,168,76,.30);stroke-width:.6;vector-effect:non-scaling-stroke}
.reach-map .mroute{fill:none;stroke:var(--gold-bright);stroke-width:1.4;stroke-dasharray:5 7;opacity:.85;vector-effect:non-scaling-stroke;animation:dash 14s linear infinite}
.reach-map .mhub{fill:var(--gold-bright)}
.reach-map .mring{fill:none;stroke:var(--gold-bright);stroke-width:1;opacity:.6;animation:pulse 3s ease-out infinite}
.reach-map .mlabel{fill:var(--cream);font-family:var(--serif);font-size:15px;font-weight:600}
@keyframes dash{to{stroke-dashoffset:-240}}
@keyframes pulse{0%{r:6;opacity:.7}100%{r:26;opacity:0}}

/* WHY */
.why{background:linear-gradient(180deg,#022b24,#021c18)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,.18);border:1px solid rgba(201,168,76,.18)}
.why-card{background:var(--emerald-850);padding:44px 28px;text-align:center;transition:background .35s}
.why-card:hover{background:var(--emerald-800)}
.why-card svg{width:34px;height:34px;stroke:var(--gold-bright);fill:none;stroke-width:1.2;margin-bottom:16px}
.why-card h4{font-family:var(--serif);font-size:1.32rem;color:#fff;font-weight:600;line-height:1.2}

/* VIDEO */
.video{background:var(--emerald-900);text-align:center}
.video-frame{position:relative;max-width:980px;margin:46px auto 0;aspect-ratio:16/9;border:1px solid rgba(201,168,76,.35);overflow:hidden;
  background:radial-gradient(120% 120% at 50% 30%,#0a4a3c 0%,#021c18 70%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s}
.video-frame:hover{border-color:var(--gold)}
.video-frame .play{width:90px;height:90px;border-radius:50%;border:2px solid var(--gold-bright);display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.12);transition:all .3s}
.video-frame:hover .play{background:rgba(201,168,76,.25);transform:scale(1.06)}
.video-frame .play svg{width:30px;height:30px;fill:var(--gold-bright);margin-left:5px}
.video-frame .vtag{position:absolute;bottom:22px;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim)}

/* CONTACT */
.contact{background:linear-gradient(180deg,#021c18,#022b24)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}
.contact-info h3{font-family:var(--serif);font-size:1.6rem;color:#fff;font-weight:600;margin-bottom:8px}
.contact-info .ci{display:flex;gap:16px;align-items:flex-start;margin-top:26px}
.contact-info .ci svg{width:22px;height:22px;stroke:var(--gold-bright);fill:none;stroke-width:1.4;flex:none;margin-top:3px}
.contact-info .ci .lab{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.85}
.contact-info .ci .val{color:var(--cream);font-weight:300;font-size:1rem;margin-top:3px}
.form-card{background:var(--cream);padding:42px 40px;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.form-card h3{font-family:var(--serif);font-size:1.7rem;color:var(--ink);font-weight:600;margin-bottom:6px}
.form-card .fsub{color:#5a5347;font-size:.92rem;margin-bottom:26px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#7a7263;display:block;margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #d8d0bf;background:#fff;font-family:var(--sans);font-size:.92rem;color:var(--ink);transition:border .25s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field textarea{resize:vertical;min-height:90px}
.form-actions{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}
.btn-emerald{background:var(--emerald-900);color:var(--cream);padding:14px 30px}
.btn-emerald:hover{background:var(--emerald-800)}
.btn-wa{background:#1f8f53;color:#fff;padding:14px 24px}
.btn-wa:hover{background:#1a7a47}.btn-wa svg{width:18px;height:18px;fill:#fff}

/* FOOTER */
footer{background:#021712;padding:78px 0 30px;border-top:1px solid rgba(201,168,76,.2)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:48px;border-bottom:1px solid rgba(201,168,76,.14)}
.foot-logo{height:64px;width:auto;display:block;margin-bottom:8px}
.foot-brand p{color:var(--cream-dim);font-weight:300;font-size:.9rem;margin-top:8px;max-width:300px;line-height:1.8}
.foot-col h5{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.foot-col a,.foot-col p{display:block;color:var(--cream-dim);font-weight:300;font-size:.92rem;margin-bottom:12px;transition:color .25s}
.foot-col a:hover{color:var(--gold-bright)}
.socials{display:flex;gap:14px;margin-top:8px}
.socials a{width:40px;height:40px;border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;transition:all .3s}
.socials a:hover{border-color:var(--gold);background:rgba(201,168,76,.1)}
.socials svg{width:18px;height:18px;fill:var(--cream-dim);transition:fill .3s}
.socials a:hover svg{fill:var(--gold-bright)}
.foot-bottom{display:flex;justify-content:space-between;padding-top:26px;color:var(--cream-dim);font-size:.8rem;font-weight:300;flex-wrap:wrap;gap:10px}

/* FLOATING WHATSAPP */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:200;width:58px;height:58px;border-radius:50%;background:#1f8f53;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .3s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1f8f53;animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}
.divider-gold{transform:scaleX(0);transform-origin:left;transition:transform .8s ease .2s}
.reveal.in .divider-gold{transform:scaleX(1)}
.steps::before{transform:scaleX(0);transform-origin:left;transition:transform 1.1s ease .15s}
.steps.run::before{transform:scaleX(1)}
.step{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.steps.run .step{opacity:1;transform:none}
.steps.run .step:nth-child(2){transition-delay:.12s}
.steps.run .step:nth-child(3){transition-delay:.24s}
.steps.run .step:nth-child(4){transition-delay:.36s}
.steps.run .step:nth-child(5){transition-delay:.48s}
.ceo-arch img{transition:transform 1.3s ease}
.ceo-frame .ceo-arch img{transform:scale(1.12)}
.ceo-frame.in .ceo-arch img{transform:scale(1)}
.ceo-frame::before{opacity:0;transition:opacity .9s ease .3s}
.ceo-frame.in::before{opacity:1}
.btn-gold{position:relative;overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);pointer-events:none}
.btn-gold:hover::after{animation:shine .7s ease}
@keyframes shine{from{left:-65%}to{left:165%}}
.note{background:rgba(201,168,76,.1);border-bottom:1px solid rgba(201,168,76,.25);color:var(--gold-bright);text-align:center;font-size:.78rem;letter-spacing:.04em;padding:9px 16px;position:relative;z-index:120}

@media(max-width:980px){
  .nav{grid-template-columns:1fr auto}
  .menu{display:none}
  .nav-cta{display:none}
  .hamburger{display:block}
  .about-body,.ceo-grid,.reach-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .prod-grid,.q-grid,.why-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr}.steps::before{display:none}
  .stat-strip{grid-template-columns:repeat(2,1fr)}
  .cred-strip.full{grid-template-columns:repeat(2,1fr)}
  .band,.quality{background-attachment:scroll}
  .ceo-grid{text-align:center}.ceo blockquote{text-align:left}
}
@media(max-width:640px){
  .wrap{padding:0 20px}.section{padding:78px 0}
  .prod-grid,.q-grid,.why-grid,.steps,.stat-strip,.cred-strip,.cred-strip.full{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;gap:34px}
  .corner{display:none}.hero h1{font-size:2.7rem}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.divider-gold{transform:none}.steps::before{transform:none}.step{opacity:1;transform:none}.ceo-frame .ceo-arch img{transform:none}.ceo-frame::before{opacity:1}}

.hp{display:none!important}
@media(max-width:640px){.hero-video{display:none}}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(120%);z-index:300;background:var(--emerald-800);color:var(--cream);border:1px solid var(--gold);padding:16px 26px;font-family:var(--sans);font-size:.92rem;box-shadow:0 14px 40px rgba(0,0,0,.4);transition:transform .5s cubic-bezier(.2,.8,.2,1);max-width:90%}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.err{border-color:#c87}