:root{
  --coffee-950:#1c0c07;--coffee-900:#2b130a;--coffee-800:#421d0e;--coffee-700:#652e16;
  --copper:#b96a36;--latte:#dca77d;--cream:#f4ebe2;--paper:#fffdf9;--ink:#1e1713;
  --muted:#74645b;--line:rgba(66,29,14,.18);--max:1280px;--serif:Georgia,'Times New Roman',serif;
  --sans:Inter,Arial,Helvetica,sans-serif;--ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}
html{max-width:100%;scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:hidden;overflow-x:clip}
body{width:100%;max-width:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden;overflow-x:clip}
html.menu-open,html.menu-open body{overflow:hidden;overscroll-behavior:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
h1,h2,h3,p{margin-top:0}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:10000;background:#fff;padding:.75rem 1rem;border:2px solid var(--coffee-700)}
.skip-link:focus{top:1rem}
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;background:var(--coffee-950);color:#fff;transition:opacity .7s var(--ease),visibility .7s;animation:loader-timeout .01s 4s forwards}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{position:relative;width:130px;height:130px;display:grid;place-items:center}
.loader-mark img{width:100px;height:100px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 12px 25px rgba(0,0,0,.3))}
.loader-mark span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-top-color:var(--latte);border-radius:50%;animation:loader-spin 1.4s linear infinite}
.site-loader p{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--latte);margin:1.25rem 0 0}
@keyframes loader-spin{to{transform:rotate(360deg)}}
@keyframes loader-timeout{to{opacity:0;visibility:hidden;pointer-events:none}}
.site-header{height:84px;position:absolute;top:0;left:0;right:0;z-index:100;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled{position:fixed;background:rgba(28,12,7,.95);border-color:rgba(255,255,255,.09);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.header-inner{width:min(var(--max),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.75rem;min-width:0;font-family:var(--serif);font-size:1.02rem;font-weight:700;letter-spacing:.16em;line-height:1}
.brand img{width:54px;height:54px;object-fit:contain;flex:none}
.brand small,.footer-brand small{display:block;margin-top:.35rem;font-family:var(--sans);font-size:.52rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#d9c0af}
.site-nav{display:flex;align-items:center;gap:1.55rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mobile-nav-intro{display:none}
.mobile-language{display:none}
.contact-section--cards .contact-layout{display:block;width:min(1040px,100%);margin-inline:auto}
.contact-section--cards .contact-layout .contact-methods{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.contact-section--cards .contact-layout .contact-method{min-height:0;height:100%;padding:30px 32px;background:#e8d8c080;border:1px solid #9b743b30;border-radius:20px;box-shadow:0 10px 28px #3d1e0e06;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:24px;text-align:start}
.contact-section--cards .contact-layout .contact-method-icon{width:42px;height:42px;border-color:#9b743b40;background:transparent;color:#85532e}
.contact-section--cards .contact-layout .contact-method h3{font-size:18px;line-height:1.4;margin:0}
.contact-section--cards .contact-layout .contact-method-list{margin:0;gap:10px}
.contact-section--cards .contact-layout .contact-method-item{padding-top:10px}
.contact-section--cards .contact-layout .contact-method-item:first-child{padding-top:0}
.contact-section--cards .contact-layout .contact-method-item small{font-size:12px;letter-spacing:0}
.contact-section--cards .contact-layout .contact-method-item p,.contact-section--cards .contact-layout .contact-method-empty{font-size:16px;line-height:1.9}
.contact-section--cards .contact-layout .contact-method--phone .contact-method-item a{display:block;padding:10px 16px;background:#3d1e0e08;border:1px solid #9b743b20;border-radius:10px;font-size:22px;font-weight:600;letter-spacing:.035em;text-align:center}
.contact-section--cards .contact-layout .contact-method--email .contact-method-item a{font-size:17px;line-height:1.8}
.contact-section--cards .contact-layout .contact-method--whatsapp .contact-method-item a{font-size:15px;padding:14px 28px;margin:0}
@media(max-width:560px){.contact-section--cards .contact-layout .contact-methods{grid-template-columns:1fr;gap:14px}.contact-section--cards .contact-layout .contact-method{padding:24px}.contact-section--cards .contact-layout .contact-method--phone .contact-method-item a{font-size:20px}}
.contact-method--phone .contact-method-item a,.contact-method--email .contact-method-item a{direction:ltr;unicode-bidi:isolate}
.contact-method--phone .contact-method-item a{white-space:nowrap;overflow-wrap:normal}
html[dir="rtl"] .contact-method--phone .contact-method-item a,html[dir="rtl"] .contact-method--email .contact-method-item a{text-align:right}
.contact-method--address .contact-method-item p{unicode-bidi:plaintext;text-align:start;overflow-wrap:break-word;line-height:1.7}
@media(max-width:820px){
  html[dir="rtl"] .hero-kinetic--original-copy .hero-kinetic-copy h1{font-size:clamp(1.15rem,5.7vw,1.5rem);line-height:1.5;letter-spacing:0;max-width:100%;white-space:normal}
  html[dir="rtl"] .hero-title-tail{display:block;white-space:nowrap}
}
.site-nav a{padding:.55rem 0;position:relative}
.site-nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:.2rem;height:1px;background:var(--latte);transition:right .25s}
.site-nav a:hover::after,.site-nav a:focus-visible::after{right:0}
.nav-contact{border:1px solid rgba(255,255,255,.65);padding:.7rem 1rem!important;transition:.25s}
.nav-contact:hover{background:#fff;color:var(--coffee-900)}
.menu-toggle{display:none;width:46px;height:46px;border:0;background:transparent;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;margin:5px auto;background:#fff;transition:.25s}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:var(--coffee-950);color:#fff;padding:150px max(24px,calc((100% - var(--max))/2)) 110px}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 53%;transform:scale(1.035);animation:hero-in 1.8s var(--ease) both}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(20,8,4,.96) 0%,rgba(31,13,7,.82) 41%,rgba(31,13,7,.28) 70%,rgba(20,8,4,.52) 100%),linear-gradient(0deg,rgba(20,8,4,.8),transparent 55%)}
@keyframes hero-in{from{transform:scale(1.12);filter:brightness(.65)}to{transform:scale(1.035);filter:brightness(1)}}
.hero-content{width:min(790px,68%);position:relative;z-index:2}
.eyebrow{margin:0 0 1.25rem;color:var(--copper);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.eyebrow.light{color:var(--latte)}
.hero h1{max-width:900px;margin:0 0 1.8rem;font-family:var(--serif);font-size:clamp(4rem,8.4vw,8.3rem);font-weight:400;letter-spacing:-.06em;line-height:.88}
.hero-content>p:not(.eyebrow){max-width:650px;color:#e3d6ce;font-size:1.07rem;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:2.5rem;margin-top:2.2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.95rem 1.35rem;border:1px solid transparent;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,color .25s}
.button:hover{transform:translateY(-3px)}
.button-light{background:#fff;color:var(--coffee-900)}
.button-light:hover{background:var(--cream)}
.circle-link{width:76px;height:76px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:1rem;line-height:1.1;transition:.25s}
.circle-link span{display:block;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem}
.circle-link:hover{background:rgba(255,255,255,.12);transform:translateY(3px)}
.hero-foot{position:absolute;left:max(24px,calc((100% - var(--max))/2));right:max(24px,calc((100% - var(--max))/2));bottom:28px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.24);padding-top:1rem;color:#cbb8ac;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.section{width:min(var(--max),calc(100% - 48px));margin:auto;padding:125px 0}
.section-label{color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.section-label span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.75rem;border:1px solid var(--line);border-radius:50%;color:var(--copper)}
.section-label.light{color:#a99487}.section-label.light span{border-color:rgba(255,255,255,.2);color:var(--latte)}
.manifesto,.journey,.story,.partners{display:grid;grid-template-columns:230px minmax(0,1fr);gap:5rem}
.manifesto-copy{max-width:930px}
.manifesto h2,.journey h2,.story h2,.partners h2,.group-intro h2,.services-heading h2,.team-content h2,.contact-copy h2{margin:0 0 2rem;font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400;letter-spacing:-.055em;line-height:.98}
.manifesto .lead{max-width:820px;color:var(--muted);font-family:var(--serif);font-size:clamp(1.35rem,2.5vw,2.25rem);line-height:1.5}
.about-notes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}
.about-notes article{border-top:1px solid var(--line);padding-top:1.5rem}
.about-notes span{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--copper)}
.about-notes p{color:var(--muted);margin:.7rem 0 0}
.group-section{background:var(--coffee-950);color:#fff;padding-top:1px}
.group-intro{display:grid;grid-template-columns:230px minmax(0,1fr);gap:5rem;align-items:start}
.group-intro>div:last-child{max-width:950px}.group-intro h2{margin-bottom:1.3rem}.group-intro>div:last-child>p:last-child{max-width:620px;color:#bfaea4}
.brand-stack{width:min(1500px,100%);margin:auto;padding:0 24px 120px;display:grid;gap:24px}
.brand-panel{height:min(70vw,720px);min-height:520px;position:relative;overflow:hidden;isolation:isolate;background:var(--coffee-800)}
.brand-cover,.brand-overlay{position:absolute;inset:0;z-index:-2}
.brand-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.brand-panel:hover .brand-cover img{transform:scale(1.035)}
.brand-overlay{z-index:-1;background:linear-gradient(90deg,rgba(23,9,4,.92),rgba(23,9,4,.58) 47%,rgba(23,9,4,.13)),linear-gradient(0deg,rgba(23,9,4,.75),transparent 50%)}
.brand-number{position:absolute;right:2rem;top:2rem;width:48px;height:48px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-size:.7rem;letter-spacing:.1em}
.brand-info{position:absolute;left:clamp(2rem,5vw,5rem);right:clamp(2rem,5vw,5rem);bottom:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:180px minmax(0,680px);gap:3rem;align-items:end}
.brand-logo{width:180px;height:180px;object-fit:contain;background:rgba(255,255,255,.92);padding:10px;border-radius:4px}
.brand-info p:first-child{margin:0 0 .5rem;color:var(--latte);font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.brand-info h3{font-family:var(--serif);font-size:clamp(3rem,6.5vw,6.5rem);font-weight:400;letter-spacing:-.055em;line-height:.9;margin:0 0 1rem}
.brand-description{max-width:590px;color:#ddcfc7;margin-bottom:1.3rem}
.brand-info a,.partner-grid a,.team-card a{font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:.3rem}
.brand-info a span{display:inline-block;transition:transform .2s}.brand-info a:hover span{transform:translate(3px,-3px)}
.journey-content{max-width:940px}.journey-content h2{max-width:820px}
.journey ol{list-style:none;padding:0;margin:4rem 0 0;border-top:1px solid var(--line)}
.journey li{display:grid;grid-template-columns:80px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:1.3rem 0;font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.8rem)}
.journey li span{font-family:var(--sans);font-size:.65rem;letter-spacing:.14em;color:var(--copper)}
.services-section{background:var(--coffee-800);color:#fff}
.services-heading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:5rem;margin-bottom:5rem}
.services-heading>div:last-child{max-width:900px}
.service-list{border-top:1px solid rgba(255,255,255,.18)}
.service-row{display:grid;grid-template-columns:65px minmax(250px,1fr) minmax(0,400px);gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.service-row>span{font-size:.62rem;letter-spacing:.16em;color:var(--latte)}
.service-row h3{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.7rem);font-weight:400;line-height:1.1;margin:0}
.service-row p{color:#cdbdb4;margin:0}
.standards{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-block:1px solid var(--line);padding:3.5rem max(24px,calc((100% - var(--max))/2))}
.standards div{display:flex;justify-content:space-between;align-items:end;padding:0 3rem}
.standards div:first-child{padding-left:0}.standards div+div{border-left:1px solid var(--line)}
.standards span{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.standards strong{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1}
.story-content{max-width:960px}.story-content>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:1.08rem}
.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#160a05;margin-top:3rem;box-shadow:0 26px 70px rgba(43,19,10,.15)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.team-section{background:var(--coffee-950);color:#fff}
.team-inner{display:grid;grid-template-columns:230px minmax(0,1fr);gap:5rem}
.team-content{max-width:980px}.team-content>p:not(.eyebrow){color:#bfaea4;max-width:650px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}
.team-card{border:1px solid rgba(255,255,255,.17);padding:1.5rem}.team-card img{width:calc(100% + 3rem);max-width:none;aspect-ratio:4/5;object-fit:cover;margin:-1.5rem -1.5rem 1.5rem}.team-card>span{color:var(--latte);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.team-card h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;margin:.35rem 0}.team-card p{color:#bfaea4}.dark-frame{box-shadow:none;border:1px solid rgba(255,255,255,.15)}
.partners-content{max-width:980px}.partners-content>p:not(.eyebrow){color:var(--muted)}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.partner-grid article{border:1px solid var(--line);padding:1.5rem}.partner-grid img{height:150px;width:100%;object-fit:contain;margin-bottom:1.5rem}.partner-grid h3{font-family:var(--serif);font-size:1.8rem;font-weight:400}.partner-grid p{color:var(--muted)}
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.2) 0 26%,transparent 26% 64%,rgba(91,44,21,.07) 64% 100%),radial-gradient(circle at 50% 4%,rgba(255,250,243,.55),transparent 44%),linear-gradient(135deg,#e1cfbd,#c9aa90);color:#32170b}
.contact-section::before{content:"";position:absolute;z-index:-1;right:-80px;bottom:-90px;width:360px;height:360px;background-image:radial-gradient(circle,rgba(76,35,16,.2) 0 3px,transparent 3.8px);background-size:24px 24px;opacity:.38;mask-image:linear-gradient(315deg,#000,transparent 76%);-webkit-mask-image:linear-gradient(315deg,#000,transparent 76%);pointer-events:none}
.contact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:7rem}
.contact-copy h2{max-width:600px;color:#32170b}.contact-copy>p:not(.eyebrow){color:#5d4639;max-width:560px}
.contact-section .section-label.light{color:#75594a}.contact-section .section-label.light span{border-color:rgba(66,29,14,.24);color:#87441f}
.contact-section .eyebrow.light{color:#87441f}
.contact-links{margin-top:3rem;border-top:1px solid rgba(66,29,14,.22)}
.contact-links a,.contact-links>p{display:block;margin:0;padding:1rem 0;border-bottom:1px solid rgba(66,29,14,.18);font-size:.92rem}
.contact-links span{display:block;color:#87441f;font-size:.59rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.2rem}
.contact-form-wrap{align-self:end;background:rgba(255,253,249,.72);color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(66,29,14,.14);box-shadow:0 28px 70px rgba(43,19,10,.16);backdrop-filter:blur(8px)}
.contact-form{display:grid;gap:1.4rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.contact-form label{display:grid;gap:.45rem;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-form small{font-weight:400;color:var(--muted);letter-spacing:0;text-transform:none}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #a99689;border-radius:0;background:transparent;color:var(--ink);padding:.75rem .1rem;outline:none}
.contact-form textarea{border:1px solid #a99689;padding:.9rem;resize:vertical}.contact-form input:focus{border-color:var(--coffee-700);box-shadow:0 1px 0 var(--coffee-700)}.contact-form textarea:focus{border-color:var(--coffee-700);box-shadow:0 0 0 1px var(--coffee-700)}
.contact-form .button{justify-self:start;background:var(--coffee-800);color:#fff}.trap{position:absolute!important;left:-9999px!important}
.form-alert{padding:1rem 1.2rem;margin-bottom:1.5rem;font-size:.9rem}.form-alert.success{background:#e5f1e6;color:#1b5c24}.form-alert.error{background:#f8e5e1;color:#84281e}
.site-footer{background:#120805;color:#fff;padding:70px max(24px,calc((100% - var(--max))/2)) 28px;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}
.footer-brand{display:flex;align-items:center;gap:1rem;font-family:var(--serif);font-weight:700;letter-spacing:.17em}.footer-brand img{width:72px;height:72px;object-fit:contain}.site-footer nav{display:flex;gap:1.4rem;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.site-footer nav a:hover{color:var(--latte)}
.footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;color:#9f8b80;font-size:.72rem}.footer-meta p{margin:0}.footer-meta a:hover{color:#fff}
.not-found{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:140px max(24px,calc((100% - var(--max))/2));background:var(--coffee-950);color:#fff}.not-found h1{max-width:800px;font-family:var(--serif);font-size:clamp(3.5rem,8vw,7rem);font-weight:400;line-height:.95}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.js .reveal.is-visible{opacity:1;transform:none}
.js .motion-load{opacity:0;transition:opacity .72s var(--ease),transform .72s var(--ease);transition-delay:var(--motion-delay,0ms);will-change:opacity,transform}
.js .motion-from-bottom{transform:translate3d(0,28px,0)}
.js .motion-from-top{transform:translate3d(0,-28px,0)}
.js .motion-from-left{transform:translate3d(-34px,0,0)}
.js .motion-from-right{transform:translate3d(34px,0,0)}
.js .motion-load.is-motion-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
[data-counter]{font-variant-numeric:tabular-nums}
@media(max-width:1024px){
  .site-nav{gap:1rem}.brand small{display:none}.hero-content{width:min(760px,82%)}
  .manifesto,.journey,.story,.partners,.group-intro,.services-heading,.team-inner{grid-template-columns:150px minmax(0,1fr);gap:3rem}
  .brand-info{grid-template-columns:135px 1fr}.brand-logo{width:135px;height:135px}.service-row{grid-template-columns:50px 1fr}.service-row p{grid-column:2}.contact-inner{gap:3rem}
}
@media(max-width:820px){
  html{scroll-padding-top:72px}.site-header{height:72px}.header-inner{width:calc(100% - 30px);gap:12px}.brand img{width:48px;height:48px}.site-header .brand{position:relative;z-index:3;margin-inline-end:auto}.menu-toggle{display:block;position:relative;z-index:3;flex:none}
  .mobile-language{display:inline-flex;align-items:center;gap:7px;position:relative;z-index:3;flex:none;border:1px solid #ffffff40;border-radius:24px;padding:6px 12px;font-family:var(--sans);font-size:12px;line-height:1.65;color:#fff;direction:ltr}
  .mobile-language img{width:22px;height:15px;object-fit:cover}
  .site-nav .language-switcher{display:none}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.menu-open .site-header,body.menu-open .site-header.is-scrolled{position:fixed;top:0;right:0;left:0;height:72px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-nav{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:112px 24px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 18%,rgba(185,106,54,.2),transparent 28%),radial-gradient(circle at 5% 86%,rgba(220,167,125,.1),transparent 25%),linear-gradient(145deg,#160804 0%,#2a1007 58%,#120603 100%);opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .32s ease,visibility .32s ease,transform .42s var(--ease)}
  .site-nav::before{content:"";position:absolute;right:-125px;bottom:-125px;width:310px;height:310px;border:1px solid rgba(220,167,125,.13);border-radius:50%;box-shadow:0 0 0 32px rgba(220,167,125,.025),0 0 0 64px rgba(220,167,125,.018);pointer-events:none}
  .site-nav>*{position:relative;z-index:1}
  .site-nav.is-open{opacity:1;visibility:visible;transform:none}
  .mobile-nav-intro{display:grid;gap:.2rem;margin:0 0 1.45rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(12px);transition:opacity .35s .08s ease,transform .45s .08s var(--ease)}
  .site-nav.is-open .mobile-nav-intro{opacity:1;transform:none}
  .mobile-nav-intro span{color:var(--latte);font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
  .mobile-nav-intro strong{color:#fff;font-family:var(--serif);font-size:clamp(1.7rem,8vw,2.25rem);font-weight:400;letter-spacing:-.035em;line-height:1.08}
  .site-nav>a:not(.nav-contact){display:flex;align-items:center;min-height:60px;padding:.625rem .15rem;border-bottom:1px solid rgba(255,255,255,.1);color:#f8eee7;font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.025em;text-transform:none;opacity:0;transform:translateX(22px);transition:color .25s,opacity .35s ease,transform .45s var(--ease)}
  .site-nav>a:not(.nav-contact)::before{display:none;content:none}
  .site-nav>a:not(.nav-contact)::after{display:none}
  .site-nav.is-open>a:nth-of-type(1){transition-delay:.11s}.site-nav.is-open>a:nth-of-type(2){transition-delay:.15s}.site-nav.is-open>a:nth-of-type(3){transition-delay:.19s}
  .site-nav.is-open>a:not(.nav-contact){opacity:1;transform:none}
  .site-nav>a:not(.nav-contact):hover,.site-nav>a:not(.nav-contact):focus-visible{color:var(--latte)}
  .nav-contact{width:100%;min-height:52px;margin-top:1.25rem;padding:.8rem 1rem!important;border:1px solid #dca77d!important;border-radius:999px!important;background:#dca77d;color:#2b130a!important;font-family:var(--sans)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.1em!important;text-align:center;text-transform:uppercase!important;opacity:0;transform:translateY(10px);transition:background .25s,color .25s,opacity .35s .23s ease,transform .45s .23s var(--ease)}
  .site-nav.is-open .nav-contact{opacity:1;transform:none}.nav-contact:hover{background:#f1c6a3!important;color:#2b130a!important}
  .hero{min-height:780px;padding-bottom:90px}.hero-content{width:100%;max-width:690px}.hero h1{font-size:clamp(4rem,13vw,6.5rem)}.hero-shade{background:linear-gradient(90deg,rgba(20,8,4,.9),rgba(20,8,4,.45)),linear-gradient(0deg,rgba(20,8,4,.92) 0%,transparent 70%)}
  .section{padding:90px 0}.manifesto,.journey,.story,.partners,.group-intro,.services-heading,.team-inner{grid-template-columns:1fr;gap:2.5rem}.section-label{margin-bottom:.4rem}
  .brand-panel{height:700px}.brand-info{grid-template-columns:1fr;gap:1.5rem}.brand-logo{width:110px;height:110px}.brand-overlay{background:linear-gradient(0deg,rgba(23,9,4,.97) 0%,rgba(23,9,4,.48) 70%,rgba(23,9,4,.18))}
  .standards div{padding:0 1.5rem}.contact-inner{grid-template-columns:1fr;gap:4rem}.team-grid,.partner-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr;gap:2rem}.site-footer nav{flex-wrap:wrap}.footer-meta{grid-column:1}
}
@media(max-width:560px){
  body{font-size:15px}.header-inner{width:calc(100% - 24px)}.brand{font-size:.86rem;letter-spacing:.12em}.brand img{width:45px;height:45px}.site-nav{padding-inline:20px}
  .hero{min-height:720px;padding:115px 18px 78px}.hero-media img{object-position:59% center}.hero h1{font-size:3.8rem;line-height:.9}.hero-content>p:not(.eyebrow){font-size:.95rem}.hero-actions{gap:1.4rem}.circle-link{width:68px;height:68px}.hero-foot{left:18px;right:18px;bottom:18px}.hero-foot span:last-child{display:none}
  .section{width:calc(100% - 32px);padding:76px 0}.manifesto h2,.journey h2,.story h2,.partners h2,.group-intro h2,.services-heading h2,.team-content h2,.contact-copy h2{font-size:3rem}.manifesto .lead{font-size:1.32rem}.about-notes{grid-template-columns:1fr}
  .brand-stack{padding:0 12px 76px;gap:12px}.brand-panel{height:620px;min-height:0}.brand-number{right:1.25rem;top:1.25rem}.brand-info{left:1.5rem;right:1.5rem;bottom:1.8rem}.brand-info h3{font-size:3.3rem}.brand-description{font-size:.9rem}.brand-logo{width:92px;height:92px}
  .journey ol{margin-top:2.5rem}.journey li{grid-template-columns:55px 1fr}.services-heading{margin-bottom:3rem}.service-row{grid-template-columns:32px 1fr;gap:1rem;padding:1.35rem 0}.service-row h3{font-size:1.65rem}.service-row p{font-size:.9rem}
  .standards{grid-template-columns:1fr;padding-block:1rem}.standards div,.standards div:first-child{padding:1.2rem 0}.standards div+div{border-left:0;border-top:1px solid var(--line)}.video-frame{margin-top:2rem}
  .team-grid,.partner-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form-wrap{padding:1.4rem}.site-footer{padding-top:50px}.footer-meta{flex-direction:column;gap:.6rem}.site-loader .loader-mark{width:110px;height:110px}.loader-mark img{width:84px;height:84px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-loader{animation:none}.loader-mark span{animation:none}.hero-media img{animation:none}.js .reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Exact ecosystem artwork selected for the home hero */
.hero-showcase{position:relative;isolation:isolate;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#1a0904}
.hero-showcase-media{position:absolute;inset:0;display:block}
.hero-showcase-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-showcase::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,5,2,.32) 0,transparent 20%,transparent 82%,rgba(15,5,2,.18) 100%)}
.hero-showcase-link{position:absolute;z-index:2;top:20%;bottom:31%;border-radius:34px}
.hero-showcase-link--academy{left:1.2%;width:18%}
.hero-showcase-link--plindaya{right:1.2%;width:18%}
.hero-showcase-link:focus-visible{outline:3px solid #f2c79f;outline-offset:-6px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:680px){
  .hero-showcase{height:100svh;min-height:660px}
  .hero-showcase-media img{object-position:center center}
  .hero-showcase::after{background:linear-gradient(180deg,rgba(15,5,2,.38) 0,transparent 17%,transparent 88%,rgba(15,5,2,.24) 100%)}
  .hero-showcase-link{top:55%;bottom:7%;width:40%;border-radius:26px}
  .hero-showcase-link--academy{left:7%}
  .hero-showcase-link--plindaya{right:7%}
}

/* Layered, animated Sonorista ecosystem hero */
.hero-kinetic{position:relative;isolation:isolate;min-height:100svh;padding:122px max(24px,calc((100% - 1380px)/2)) 44px;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(390px,1.22fr) minmax(220px,.82fr);gap:clamp(22px,3.2vw,58px);align-items:center;overflow:hidden;background-color:#281205;background-image:linear-gradient(145deg,rgba(255,255,255,.018) 0 28%,transparent 28% 67%,rgba(7,2,0,.1) 67% 100%),linear-gradient(32deg,transparent 0 42%,rgba(124,66,31,.055) 42% 63%,transparent 63% 100%),radial-gradient(circle at 50% 42%,rgba(100,47,20,.16),transparent 44%);color:#fff}
.hero-kinetic::before{content:"";position:absolute;z-index:-1;top:70px;left:-20px;width:285px;height:350px;background-image:radial-gradient(circle,rgba(222,174,133,.28) 0 4px,transparent 4.6px);background-size:25px 25px;opacity:.42;-webkit-mask-image:linear-gradient(135deg,#000 0 22%,rgba(0,0,0,.78) 42%,transparent 80%);mask-image:linear-gradient(135deg,#000 0 22%,rgba(0,0,0,.78) 42%,transparent 80%);pointer-events:none}
.hero-kinetic::after{content:"";position:absolute;z-index:-1;right:-30px;bottom:-28px;width:360px;height:275px;background-image:radial-gradient(circle,rgba(222,174,133,.22) 0 4px,transparent 4.6px);background-size:25px 25px;opacity:.34;-webkit-mask-image:linear-gradient(315deg,#000 0 18%,rgba(0,0,0,.72) 42%,transparent 82%);mask-image:linear-gradient(315deg,#000 0 18%,rgba(0,0,0,.72) 42%,transparent 82%);pointer-events:none}
.brand-pattern-surface{position:relative;isolation:isolate;overflow:hidden;background-color:#281205;background-image:linear-gradient(145deg,rgba(255,255,255,.018) 0 28%,transparent 28% 67%,rgba(7,2,0,.1) 67% 100%),linear-gradient(32deg,transparent 0 42%,rgba(124,66,31,.055) 42% 63%,transparent 63% 100%)}
.brand-pattern-surface::before,.brand-pattern-surface::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;background-image:radial-gradient(circle,rgba(222,174,133,.22) 0 4px,transparent 4.6px);background-size:25px 25px;pointer-events:none}
.brand-pattern-surface::before{top:-25px;left:-25px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 78%);mask-image:linear-gradient(135deg,#000,transparent 78%)}
.brand-pattern-surface::after{right:-25px;bottom:-25px;-webkit-mask-image:linear-gradient(315deg,#000,transparent 78%);mask-image:linear-gradient(315deg,#000,transparent 78%)}
.hero-kinetic-brand{position:relative;z-index:2;display:block;opacity:1;text-decoration:none;color:#fff}
.js .hero-kinetic-brand{opacity:0}
.hero-kinetic-brand::after{content:"";position:absolute;z-index:0;left:50%;bottom:-4px;width:min(78%,245px);height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 38%,rgba(61,22,7,.24) 64%,transparent 76%);filter:blur(7px);opacity:.94;pointer-events:none}
.js .hero-kinetic.is-motion-ready .hero-kinetic-brand--academy{animation:hero-card-from-left 1.05s .05s var(--ease) forwards}.js .hero-kinetic.is-motion-ready .hero-kinetic-brand--plindaya{animation:hero-card-from-right 1.05s .16s var(--ease) forwards}
.hero-kinetic-card{position:relative;z-index:1;width:100%;max-width:305px;aspect-ratio:2/3;margin:auto;padding:62px 28px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:hero-card-float 6.8s ease-in-out infinite}
.hero-kinetic-brand--plindaya .hero-kinetic-card{animation-delay:-3.4s}
.hero-kinetic-card-shell{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.56)) drop-shadow(0 0 22px rgba(225,139,72,.16));transition:filter .35s var(--ease)}
.hero-kinetic-brand--plindaya .hero-kinetic-card-shell{transform:scaleX(-1)}
.hero-kinetic-logo{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:190px;object-fit:contain;filter:drop-shadow(0 10px 11px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(235,163,105,.12));transition:transform .4s var(--ease)}
.hero-kinetic-brand--academy .hero-kinetic-logo{max-width:160px}.hero-kinetic-brand--plindaya .hero-kinetic-logo{max-width:230px}
.hero-kinetic-brand:hover .hero-kinetic-logo{transform:scale(1.045)}.hero-kinetic-brand:hover .hero-kinetic-card-shell{filter:drop-shadow(0 32px 40px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(225,139,72,.24)) brightness(1.06)}
.hero-kinetic-label{position:relative;z-index:1;margin-top:22px;font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:0;text-shadow:0 3px 7px rgba(0,0,0,.72),0 0 14px rgba(0,0,0,.34)}
.hero-kinetic-note{position:relative;z-index:1;max-width:210px;margin-top:7px;color:#e0cfc2;font-family:var(--sans);font-size:.69rem;line-height:1.5;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.82)}
.hero-kinetic-center{position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-kinetic-mascot{display:block;width:min(100%,500px);height:auto;opacity:1;filter:drop-shadow(0 24px 26px rgba(0,0,0,.62)) drop-shadow(0 0 24px rgba(212,119,61,.16))}
.hero-kinetic-copy{position:relative;z-index:4;isolation:isolate;margin-top:-28px;padding:0 24px;opacity:1}
.js .hero-kinetic-mascot,.js .hero-kinetic-copy{opacity:0}
.js .hero-kinetic.is-motion-ready .hero-kinetic-mascot{animation:hero-logo-from-top 1.05s var(--ease) forwards}
.js .hero-kinetic.is-motion-ready .hero-kinetic-copy{animation:hero-copy-from-bottom .95s .22s var(--ease) forwards}
.hero-kinetic-copy::after{content:"";position:absolute;z-index:0;left:50%;bottom:-18px;width:92%;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.86) 0%,rgba(0,0,0,.58) 40%,rgba(57,19,6,.25) 66%,transparent 78%);filter:blur(7px);pointer-events:none}
.hero-kinetic-copy h1{position:relative;z-index:1;margin:0;color:#fff;font-family:var(--sans);font-size:clamp(2.4rem,3.8vw,4.1rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 4px 7px rgba(0,0,0,.88),0 16px 34px rgba(0,0,0,.54),0 0 18px rgba(85,34,12,.34)}
.hero-kinetic-copy p{position:relative;z-index:1;margin:12px 0 0;color:#d9a06f;font-family:var(--sans);font-size:.84rem;font-weight:600;line-height:1.5;letter-spacing:.025em;white-space:nowrap;text-transform:none;text-shadow:0 3px 7px rgba(0,0,0,.9),0 10px 22px rgba(0,0,0,.45)}
@keyframes hero-card-from-left{from{opacity:0;transform:translate3d(-110px,0,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero-card-from-right{from{opacity:0;transform:translate3d(110px,0,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero-logo-from-top{from{opacity:0;transform:translate3d(0,-105px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero-copy-from-bottom{from{opacity:0;transform:translate3d(0,78px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes hero-card-float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(7px)}}
@keyframes hero-mascot-breathe{0%,100%{transform:translateY(-4px) scale(1)}50%{transform:translateY(5px) scale(1.012)}}

@media(max-width:1050px){
  .hero-kinetic{grid-template-columns:minmax(185px,.75fr) minmax(340px,1.15fr) minmax(185px,.75fr);gap:18px;padding-inline:18px}
  .hero-kinetic-card{max-width:250px;padding:48px 20px 38px}.hero-kinetic-logo{max-height:155px}.hero-kinetic-brand--academy .hero-kinetic-logo{max-width:130px}.hero-kinetic-brand--plindaya .hero-kinetic-logo{max-width:190px}
}
@media(max-width:760px){
  .hero-kinetic{min-height:auto;padding:94px 10px 34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"center center" "academy plindaya";gap:14px 4px}
  .hero-kinetic::before{top:58px;left:-36px;width:170px;height:235px;background-size:20px 20px;opacity:.3}.hero-kinetic::after{right:-45px;bottom:-35px;width:210px;height:190px;background-size:20px 20px;opacity:.26}
  .hero-kinetic-center{grid-area:center}.hero-kinetic-brand--academy{grid-area:academy}.hero-kinetic-brand--plindaya{grid-area:plindaya}
  .hero-kinetic-mascot{width:min(91vw,410px)}.hero-kinetic-copy{margin-top:-24px}.hero-kinetic-copy h1{font-size:clamp(1.78rem,9.2vw,3rem);letter-spacing:-.025em}.hero-kinetic-copy p{max-width:340px;margin:9px auto 0;font-size:.76rem;line-height:1.55;letter-spacing:.015em;white-space:normal}
  .hero-kinetic-copy::after{bottom:-14px;width:88%;height:26px;filter:blur(5px)}
  .hero-kinetic-card{max-width:184px;padding:36px 10px 29px}.hero-kinetic-logo{max-height:92px}.hero-kinetic-brand--academy .hero-kinetic-logo{max-width:82px}.hero-kinetic-brand--plindaya .hero-kinetic-logo{max-width:124px}
  .hero-kinetic-brand::after{bottom:-2px;width:76%;height:22px;filter:blur(5px)}
  .hero-kinetic-label{margin-top:10px;font-size:.7rem}.hero-kinetic-note{display:none}
}

/* Sonorista group ecosystem hero */
.site-header{position:absolute;top:0;background:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:none}
.site-header.is-scrolled{position:fixed;background:rgba(28,12,7,.96);color:#fff;border-color:rgba(255,255,255,.1);box-shadow:0 10px 35px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.site-header .brand small{color:#d9c0af}
.menu-toggle span{background:#fff}
.nav-contact{border-color:rgba(255,255,255,.65)}
.nav-contact:hover{background:#fff;color:var(--coffee-900)}
.hero-classic{position:relative;isolation:isolate;min-height:100svh;width:100%;max-width:none;margin:0;padding:118px clamp(24px,3.5vw,68px) 54px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(570px,1.52fr) minmax(220px,.72fr);grid-template-areas:"academy copy plindaya";gap:clamp(18px,2.3vw,44px);align-items:center;background:radial-gradient(circle at 50% 43%,rgba(185,106,54,.22),transparent 23%),radial-gradient(circle at 8% 52%,rgba(220,167,125,.11),transparent 25%),radial-gradient(circle at 92% 52%,rgba(220,167,125,.11),transparent 25%),linear-gradient(135deg,#120703 0%,var(--coffee-950) 46%,#2b1209 100%);color:#fff;overflow:hidden}
.hero-classic::before{content:"";position:absolute;z-index:-2;inset:-25%;background:conic-gradient(from 0deg at 50% 50%,transparent 0 15%,rgba(255,255,255,.035) 18%,transparent 22% 48%,rgba(185,106,54,.055) 52%,transparent 57% 100%);animation:hero-ambient-spin 34s linear infinite}
.hero-classic::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(rgba(255,255,255,.18) .55px,transparent .7px);background-size:6px 6px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent)}
.hero-classic .hero-copy{grid-area:copy;position:relative;z-index:4;width:100%;max-width:720px;margin:auto;padding:0;text-align:center}
.hero-classic .eyebrow.light{margin-bottom:1.1rem;color:var(--latte);font-size:.72rem;line-height:1.4;letter-spacing:.19em}
.hero-classic h1{margin:0 auto 1.5rem;color:#fff;font-size:clamp(2.35rem,3.25vw,4rem);line-height:1;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 12px 45px rgba(0,0,0,.28)}
.hero-classic .hero-intro{max-width:590px;margin:0 auto;color:#d9cbc2;font-size:1rem;line-height:1.75}
.hero-classic .hero-actions{justify-content:center;margin-top:2rem;gap:2rem}
.hero-classic .button{min-height:56px;padding:1rem 1.5rem;font-size:.76rem}
.hero-classic .text-link{font-size:.74rem;letter-spacing:.09em}
.button-primary{background:#fff;color:var(--coffee-900)}
.button-primary:hover{background:var(--cream)}
.text-link{display:inline-flex;align-items:center;gap:.55rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.55);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.hero-parent-mark{width:max-content;max-width:100%;margin:0 auto 1.35rem;padding:.42rem .9rem .42rem .5rem;display:flex;align-items:center;gap:.65rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(20,8,4,.42);box-shadow:0 14px 35px rgba(0,0,0,.16);backdrop-filter:blur(10px);font-family:var(--serif);font-size:.92rem;letter-spacing:.04em;text-align:left}
.hero-parent-mark img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.hero-parent-mark span{line-height:1.1}.hero-parent-mark small{display:block;margin-bottom:.3rem;color:var(--latte);font-family:var(--sans);font-size:.5rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero-orbit{position:absolute;z-index:0;inset:84px 0 0;pointer-events:none}
.hero-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-network-line{fill:none;stroke:rgba(220,167,125,.42);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:7 13;animation:hero-network-flow 5s linear infinite}
.hero-network-node{fill:var(--latte);filter:drop-shadow(0 0 9px rgba(220,167,125,.9));animation:hero-node-pulse 2.2s ease-in-out infinite}
.hero-network-node--soft{opacity:.72;animation-delay:.7s}
.hero-brand{position:relative;z-index:3;display:flex;opacity:0;transition:opacity .8s var(--ease),transform .35s var(--ease);will-change:transform}
.hero-ecosystem.is-ready .hero-brand{opacity:1}
.hero-brand--academy{grid-area:academy;justify-content:flex-start;transform:translateX(-28px)}
.hero-brand--plindaya{grid-area:plindaya;justify-content:flex-end;transform:translateX(28px)}
.hero-ecosystem.is-ready .hero-brand--academy,.hero-ecosystem.is-ready .hero-brand--plindaya{transform:translateX(0)}
.hero-brand-card{position:relative;width:min(100%,300px);min-height:360px;padding:2rem 1.25rem 1.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:46% 54% 48% 52% / 42% 45% 55% 58%;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(13px);overflow:hidden;transition:border-color .3s,box-shadow .3s,background .3s}
.hero-brand-card::after{content:"↗";position:absolute;right:1.5rem;top:1.4rem;color:rgba(255,255,255,.52);font-size:.9rem;transition:transform .3s,color .3s}
.hero-brand:hover .hero-brand-card{border-color:rgba(220,167,125,.58);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.1),0 38px 85px rgba(0,0,0,.38),0 0 55px rgba(185,106,54,.13)}
.hero-brand:hover .hero-brand-card::after{color:#fff;transform:translate(3px,-3px)}
.hero-brand--academy .hero-brand-card{animation:hero-brand-float 6.4s ease-in-out infinite}
.hero-brand--plindaya .hero-brand-card{animation:hero-brand-float 6.4s ease-in-out -3.2s infinite}
.hero-brand-logo{position:relative;z-index:1;height:190px;width:100%;display:grid;place-items:center}
.hero-brand-logo img{width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.28));transition:transform .5s var(--ease)}
.hero-brand-logo--academy img{max-width:190px}.hero-brand-logo--plindaya img{max-width:270px}
.hero-brand:hover .hero-brand-logo img{transform:scale(1.045)}
.hero-brand-copy{position:relative;z-index:1;display:block;margin-top:1.35rem;text-align:center;line-height:1.35}
.hero-brand-copy small{display:block;margin-bottom:.55rem;color:var(--latte);font-size:.52rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero-brand-copy strong{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:400}.hero-brand-copy>span{display:block;margin-top:.35rem;color:#baa79b;font-size:.7rem}
@keyframes hero-ambient-spin{to{transform:rotate(360deg)}}
@keyframes hero-network-flow{to{stroke-dashoffset:-80}}
@keyframes hero-node-pulse{50%{opacity:.35;transform:scale(.72)}}
@keyframes hero-brand-float{0%,100%{transform:translateY(-7px) rotate(-.6deg)}50%{transform:translateY(9px) rotate(.6deg)}}
@media(max-width:1120px){
  .hero-classic{grid-template-columns:minmax(180px,.65fr) minmax(500px,1.5fr) minmax(180px,.65fr);gap:16px}.hero-brand-card{min-height:330px;padding-inline:1rem}.hero-brand-logo{height:165px}.hero-brand-logo--academy img{max-width:165px}.hero-brand-logo--plindaya img{max-width:220px}.hero-brand-copy strong{font-size:1.08rem}.hero-classic h1{font-size:clamp(2.3rem,3.5vw,3.35rem)}
}
@media(max-width:860px){
  .site-header{height:72px}.site-nav.is-open{color:#fff}.site-nav.is-open .nav-contact{border-color:rgba(255,255,255,.65)}.site-nav.is-open .nav-contact:hover{background:#fff;color:var(--coffee-900)}
  .hero-classic{min-height:auto;grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "academy plindaya";gap:28px 14px;padding:112px 18px 58px;background:radial-gradient(circle at 50% 24%,rgba(185,106,54,.2),transparent 26%),linear-gradient(145deg,#120703,var(--coffee-950) 55%,#2b1209)}
  .hero-classic .hero-copy{max-width:700px;padding:0 12px}.hero-classic h1{font-size:clamp(2.2rem,7.4vw,3.5rem);white-space:normal}.hero-classic .hero-intro{max-width:570px}
  .hero-orbit{inset:72px 0 0}.hero-network{display:none}
  .hero-brand{justify-content:center}.hero-brand-card{width:100%;max-width:330px;min-height:300px}.hero-brand-logo{height:150px}.hero-brand-copy{margin-top:1rem}
}
@media(max-width:560px){
  .hero-classic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:96px 10px 32px;gap:22px 8px}.hero-classic .hero-copy{padding:0 8px}.hero-parent-mark{margin-bottom:1rem;padding:.35rem .7rem .35rem .4rem;font-size:.82rem}.hero-parent-mark img{width:34px;height:34px}.hero-parent-mark small{font-size:.44rem;letter-spacing:.14em}.hero-classic .eyebrow.light{max-width:320px;margin:0 auto .85rem;font-size:.58rem;line-height:1.65;letter-spacing:.12em}.hero-classic h1{max-width:370px;font-size:clamp(2.05rem,10vw,2.7rem);line-height:1.02;letter-spacing:-.04em}.hero-classic .hero-intro{max-width:350px;font-size:.88rem;line-height:1.6}
  .hero-classic .hero-actions{align-items:center;flex-direction:column;gap:.9rem;margin-top:1.35rem}.hero-classic .button{width:min(100%,270px);min-height:50px}.hero-classic .text-link{font-size:.67rem}
  .hero-brand{min-width:0}.hero-brand-card{width:100%;min-height:205px;padding:1.15rem .45rem .9rem;border-radius:30px;box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.24)}.hero-brand-card::after{right:.75rem;top:.65rem;font-size:.7rem}.hero-brand-logo{height:96px}.hero-brand-logo--academy img{max-width:96px}.hero-brand-logo--plindaya img{max-width:132px}.hero-brand-copy{margin-top:.55rem}.hero-brand-copy small{font-size:.4rem;line-height:1.35;letter-spacing:.09em;margin-bottom:.3rem}.hero-brand-copy strong{font-size:.82rem;line-height:1.15}.hero-brand-copy>span{display:none}
}
@media(max-width:360px){
  .hero-classic{padding-inline:8px;gap-inline:6px}.hero-classic .hero-copy{padding-inline:4px}.hero-brand-card{min-height:190px;padding-inline:.3rem}.hero-brand-logo{height:86px}.hero-brand-logo--academy img{max-width:86px}.hero-brand-logo--plindaya img{max-width:116px}.hero-brand-copy strong{font-size:.76rem}
}

/* Parent-company homepage — rebuilt from the Sonorista company profile */
.hero-original{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:145px max(24px,calc((100% - var(--max))/2)) 90px;background:#1c0c07;color:#fff}
.hero-original::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.022) 0 30%,transparent 30% 66%,rgba(0,0,0,.1) 66% 100%),radial-gradient(circle at 74% 42%,rgba(128,61,27,.2),transparent 35%),#1c0c07}
.hero-original::after{content:"";position:absolute;z-index:-1;right:-55px;bottom:-60px;width:390px;height:350px;background-image:radial-gradient(circle,rgba(220,167,125,.2) 0 4px,transparent 4.7px);background-size:25px 25px;opacity:.38;mask-image:linear-gradient(315deg,#000,transparent 76%);pointer-events:none}
.hero-original-copy{width:min(900px,82%);position:relative;z-index:1}
.hero-original-eyebrow{margin:0 0 1.6rem;color:#dca77d;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero-original h1{max-width:980px;margin:0 0 2rem;font-family:var(--sans);font-size:clamp(4.2rem,7.8vw,8rem);font-weight:700;letter-spacing:-.06em;line-height:.9}
.hero-original-intro{max-width:680px;margin:0;color:#d8c8bf;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.85}
.home-kicker{display:flex;align-items:center;gap:.85rem;color:var(--muted);font-size:.63rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.home-kicker span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--copper);flex:none}
.home-kicker p{margin:0}.home-kicker.light{color:#bca99c}.home-kicker.light span{border-color:rgba(255,255,255,.2);color:#e2b48f}
.home-about{position:relative;overflow:hidden}
.home-about::before{content:"";position:absolute;width:250px;height:250px;background-image:radial-gradient(circle,rgba(66,29,14,.2) 0 4px,transparent 4.7px);background-size:23px 23px;opacity:.3;pointer-events:none}
.home-about::before{right:-70px;top:58px;mask-image:linear-gradient(225deg,#000,transparent 72%)}
.home-about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(3rem,7vw,7rem);align-items:center;margin-top:4rem}
.home-about-copy h2,.home-section-head h2,.branch-intro h2{margin:0 0 1.6rem;font-family:var(--serif);font-size:clamp(3rem,5.6vw,5.8rem);font-weight:400;letter-spacing:-.055em;line-height:.96}
.home-about-copy>p:last-of-type{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.8}
.home-founded{display:flex;align-items:center;gap:1.25rem;margin-top:2.6rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.home-founded strong{color:var(--coffee-700);font-family:var(--serif);font-size:3rem;line-height:1}
.home-founded span{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.55}
.home-about-visual{position:relative;margin:0;box-shadow:0 28px 75px rgba(43,19,10,.18)}
.home-about-visual::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35);z-index:1;pointer-events:none}
.home-about-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.home-about-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 2rem 1.5rem;color:#fff;background:linear-gradient(transparent,rgba(25,9,3,.92));font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

.home-impact{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid rgba(66,29,14,.22);background:#2b130a}
.home-impact::before,.home-impact::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;background-image:radial-gradient(circle,rgba(230,184,143,.22) 0 3px,transparent 3.8px);background-size:22px 22px;pointer-events:none}
.home-impact::before{left:-42px;bottom:-42px;mask-image:linear-gradient(135deg,#000,transparent 78%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 78%)}
.home-impact::after{right:-42px;bottom:-42px;mask-image:linear-gradient(225deg,#000,transparent 78%);-webkit-mask-image:linear-gradient(225deg,#000,transparent 78%)}
.impact-showcase{position:relative;z-index:2;min-height:280px;padding-block:42px 28px;display:grid;grid-template-columns:minmax(190px,220px) minmax(360px,1fr) minmax(190px,220px);justify-content:space-between;gap:clamp(16px,2vw,28px);align-items:center;background:#ead8c6;box-shadow:0 0 0 100vmax #ead8c6;clip-path:inset(0 -100vmax)}
.impact-heading{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#351800}
.impact-heading-mark{width:76px;height:89px;margin-bottom:.55rem;overflow:visible;filter:drop-shadow(0 7px 10px rgba(87,44,12,.22))}
.impact-heading-mark .medal-ribbons,.impact-heading-mark .medal-seal{fill:url(#achievement-gold)}
.impact-heading-mark .medal-ring{fill:url(#achievement-gold);stroke:#fff7e7;stroke-width:6}
.impact-heading h2{max-width:100%;margin:0;font-family:var(--sans);font-size:clamp(2rem,3.2vw,3.2rem);font-weight:800;letter-spacing:-.055em;line-height:.98;white-space:nowrap}
.impact-heading>span{display:block;width:min(100%,430px);height:3px;margin-top:1.35rem;background:linear-gradient(90deg,transparent,#744315 15%,#d5a34d 82%,transparent)}
.achievement-cert-pair{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;transform:translateY(30px)}
.achievement-certificate{position:relative;z-index:1;display:block;width:110px;aspect-ratio:22/31;flex:none;transform:translateZ(0);transform-origin:center;transition:transform .34s cubic-bezier(.22,.8,.24,1),filter .34s ease,z-index 0s .34s;cursor:zoom-in}
.achievement-certificate:hover{z-index:5;transform:scale(1.2) translateZ(0);filter:drop-shadow(0 16px 18px rgba(53,24,0,.25));transition-delay:0s}
.achievement-certificate img{display:block;width:100%;height:100%;object-fit:contain}
.home-impact-grid{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:repeat(4,1fr);padding-block:70px 75px}
.home-impact-grid::after{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#ead8c6 0 290px,#2b130a 290px 100%)}
.home-impact-grid::before{content:"";position:absolute;z-index:0;top:384px;left:1.5%;right:1.5%;height:2px;background:rgba(255,255,255,.9);box-shadow:0 0 14px rgba(255,255,255,.12)}
.home-impact article{position:relative;z-index:1;min-width:0;min-height:420px;display:flex;flex-direction:column;align-items:center;padding-inline:clamp(.6rem,2vw,2rem);text-align:center}
.home-impact article::before{content:"";position:absolute;z-index:0;top:214px;left:50%;width:2px;height:101px;transform:translateX(-50%);background:rgba(255,255,255,.9)}
.home-impact article::after{content:"";position:absolute;z-index:2;top:302px;left:50%;width:27px;height:27px;transform:translateX(-50%);border:2px solid #fff;border-radius:50%;background:#2b130a;box-shadow:inset 0 0 0 6px #fff,0 0 0 4px rgba(43,19,10,.45)}
.impact-pin{position:relative;width:184px;height:220px;flex:none;filter:drop-shadow(0 14px 22px rgba(43,19,10,.18))}
.impact-pin::before{content:"";position:absolute;z-index:1;inset:0 auto auto 0;width:184px;height:184px;border-radius:50%;background:#351800}
.impact-pin::after{content:"";position:absolute;z-index:0;top:124px;left:53px;width:78px;height:78px;border-radius:5px;background:#351800;transform:rotate(45deg)}
.home-impact strong{position:absolute;z-index:2;top:27px;left:27px;width:130px;height:130px;display:grid;place-items:center;border-radius:50%;background:#f8f0e8;color:#351800;font-family:var(--sans);font-size:clamp(2.25rem,3.7vw,3.5rem);font-weight:800;letter-spacing:-.045em;line-height:1;box-shadow:inset 0 0 0 1px rgba(53,24,0,.08)}
.home-impact strong.counter-medium{font-size:clamp(2rem,2.8vw,2.7rem)}
.home-impact strong.counter-long{font-size:clamp(1.65rem,2.25vw,2.15rem);letter-spacing:-.06em}
.home-impact article>span{max-width:240px;margin-top:120px;color:#fff;font-size:clamp(.72rem,1.05vw,.92rem);font-weight:750;letter-spacing:.075em;line-height:1.55;text-transform:uppercase}

.home-reach{position:relative;isolation:isolate;overflow:hidden;background:#2a1208;color:#fff}
.home-reach::before{content:"";position:absolute;z-index:-2;inset:0 0 auto;height:640px;background:radial-gradient(circle at 50% 42%,rgba(157,104,54,.2),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%)}
.home-reach-map{position:absolute;z-index:-1;inset:0 0 auto;height:640px;overflow:hidden;opacity:.82;pointer-events:none}
.home-reach-map::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,18,8,.08),rgba(42,18,8,.38))}
.home-reach-map img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%}
.home-reach-inner{padding-block:92px 96px;display:flex;flex-direction:column;align-items:center;text-align:center}
.home-reach h2{width:100%;max-width:940px;margin:0 auto;color:#fff;font-family:var(--sans);font-size:clamp(2.65rem,4.25vw,4.55rem);font-weight:780;letter-spacing:-.05em;line-height:1.04;text-align:center;text-wrap:balance}
.home-reach-countries{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,46px)}
.home-reach-countries span{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border:2px solid #b87928;border-radius:50%;background:#2a1208;color:#fff;font-size:clamp(1.05rem,1.65vw,1.75rem);font-weight:750;letter-spacing:-.025em;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.92);box-shadow:inset 0 0 40px rgba(20,7,2,.28),0 18px 32px rgba(0,0,0,.16);transition:transform .35s ease,box-shadow .35s ease}
.home-reach-countries span::before,.home-reach-countries span::after{content:"";position:absolute;inset:0;z-index:-2}
.home-reach-countries span::after{z-index:-1;background:rgba(35,14,6,.46);box-shadow:inset 0 0 34px rgba(12,4,1,.45)}
.home-reach-countries span b{position:relative;z-index:2;font:inherit;color:inherit}
.home-reach-countries span i{position:absolute;z-index:1;display:block;pointer-events:none}
.home-reach-countries span:hover{transform:translateY(-8px);box-shadow:inset 0 0 46px rgba(20,7,2,.18),0 24px 42px rgba(0,0,0,.27)}
.country-flag--egypt::before{background:linear-gradient(to bottom,#ce1126 0 33.333%,#fff 33.333% 66.666%,#000 66.666%)}
.country-flag--egypt i{width:12%;aspect-ratio:1;top:44%;left:44%;background:#c99a35;clip-path:polygon(50% 0,61% 35%,100% 40%,69% 61%,79% 100%,50% 76%,21% 100%,31% 61%,0 40%,39% 35%);opacity:.7}
.country-flag--saudi::before{background:#006c35}
.country-flag--saudi i{width:48%;height:13%;left:26%;top:57%;border-bottom:2px solid rgba(255,255,255,.8)}
.country-flag--saudi i::before,.country-flag--saudi i::after{content:"";position:absolute;left:12%;right:12%;height:2px;background:rgba(255,255,255,.72)}
.country-flag--saudi i::before{top:-44%;box-shadow:0 5px 0 rgba(255,255,255,.58)}
.country-flag--saudi i::after{right:0;left:auto;bottom:-3px;width:7px;transform:rotate(-28deg);transform-origin:right center}
.country-flag--uae::before{background:linear-gradient(90deg,#ff0000 0 27%,transparent 27%),linear-gradient(to bottom,#00732f 0 33.333%,#fff 33.333% 66.666%,#000 66.666%)}
.country-flag--kuwait::before{background:linear-gradient(to bottom,#007a3d 0 33.333%,#fff 33.333% 66.666%,#ce1126 66.666%)}
.country-flag--kuwait i{inset:0 auto 0 0;width:37%;height:100%;background:#000;clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%)}
.partner-marquees{position:relative;z-index:2;padding:36px 0 40px;background:#f5f1eb;color:#21140e;border-top:1px solid rgba(92,49,19,.18)}
.partner-marquee{overflow:hidden;padding-block:9px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.partner-marquee-track{display:flex;width:max-content;will-change:transform}
.partner-marquee--left .partner-marquee-track{animation:partners-left 78s linear infinite}
.partner-marquee--right .partner-marquee-track{animation:partners-right 82s linear infinite}
.partner-logo-group{display:flex;gap:18px;padding-right:18px}
.partner-logo{position:relative;width:230px;height:148px;flex:none;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;background:#fff;color:#201711;border:1px solid rgba(58,35,22,.1);box-shadow:0 10px 24px rgba(52,31,17,.07);transition:transform .3s ease,box-shadow .3s ease}
.partner-logo:hover{z-index:3;transform:scale(1.045);box-shadow:0 15px 32px rgba(52,31,17,.14)}
.partner-logo-image{display:block;width:auto;max-width:88%;height:auto;max-height:92px;object-fit:contain}
.partner-logo strong{position:relative;z-index:2;font-family:var(--sans);font-size:2rem;font-weight:850;letter-spacing:-.055em;line-height:.95;text-align:center}
.partner-logo strong b{font-size:.62em;font-weight:700;margin-left:2px}
.partner-logo small{position:relative;z-index:2;margin-top:10px;font-size:.57rem;font-weight:750;letter-spacing:.15em;line-height:1.25;text-align:center}
.partner-logo-mark{position:relative;z-index:2;display:block;margin-bottom:8px}
.partner-logo--la57{background:#58b9ba;color:#fff}.partner-logo--la57 strong{font-family:Georgia,serif;font-size:3.35rem;font-weight:400;letter-spacing:-.08em}.partner-logo--la57 .partner-logo-mark{position:absolute;width:74px;height:74px;border:2px solid rgba(255,255,255,.8);border-radius:50%}
.partner-logo--rotunda{background:#f7f7f2;color:#174f4c}.partner-logo--rotunda strong{font-family:Georgia,serif;font-size:2.3rem;font-style:italic}.partner-logo--rotunda .partner-logo-mark{width:88px;height:1px;background:#174f4c}.partner-logo--rotunda .partner-logo-mark::before,.partner-logo--rotunda .partner-logo-mark::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#174f4c}.partner-logo--rotunda .partner-logo-mark::before{left:-2px}.partner-logo--rotunda .partner-logo-mark::after{right:-2px}
.partner-logo--mix strong{font-size:4.4rem;letter-spacing:-.11em}.partner-logo--mix small{font-family:Georgia,serif;font-size:.64rem;letter-spacing:.08em}
.partner-logo--split{color:#14a9c5;background-color:#f8ffff;background-image:radial-gradient(circle,rgba(20,169,197,.18) 1px,transparent 1.5px);background-size:10px 10px}.partner-logo--split .partner-logo-mark{width:33px;height:39px;border:3px solid #14a9c5;border-radius:4px 4px 10px 10px;transform:rotate(-7deg)}.partner-logo--split .partner-logo-mark::after{content:"";position:absolute;width:17px;height:3px;right:-13px;top:7px;background:#14a9c5;transform:rotate(-35deg)}
.partner-logo--peru{background:#f7efe0;color:#4a2715}.partner-logo--peru .partner-logo-mark{width:62px;height:27px;clip-path:polygon(0 85%,22% 25%,38% 60%,58% 5%,100% 85%);background:#4a2715}.partner-logo--peru strong{font-family:Georgia,serif;font-size:2.4rem;font-weight:500;letter-spacing:.02em}
.partner-logo--espresso .partner-logo-mark{width:22px;height:38px;border:5px solid #4a4039;border-top:0}.partner-logo--espresso .partner-logo-mark::before{content:"";position:absolute;width:9px;height:20px;left:2px;top:-18px;border-left:4px solid #4a4039;transform:skew(-8deg)}.partner-logo--espresso strong{font-size:1.65rem;letter-spacing:-.04em}
.partner-logo--lui{background:#133847;color:#fff}.partner-logo--lui strong{font-family:Georgia,serif;font-size:3.6rem;font-weight:500;letter-spacing:.02em}.partner-logo--lui .partner-logo-mark{position:absolute;width:78px;height:78px;border:2px solid rgba(255,255,255,.35);border-radius:50%}
.partner-logo--kava{background:#f5efe2}.partner-logo--kava strong{font-family:Georgia,serif;font-size:3.35rem;font-weight:400;letter-spacing:.01em}.partner-logo--kava .partner-logo-mark{width:65px;height:16px;border-top:2px solid #21140e;border-radius:50%}
.partner-logo--tiesto{background:#202124;color:#d96930}.partner-logo--tiesto::before{content:"";position:absolute;width:112px;height:112px;border:2px solid #d96930;border-radius:50%}.partner-logo--tiesto::after{content:"PREMIUM COFFEE · PREMIUM COFFEE";position:absolute;top:24px;width:115px;color:#d96930;font-size:.42rem;letter-spacing:.09em;text-align:center}.partner-logo--tiesto strong{font-family:Georgia,serif;font-size:2.15rem;font-weight:400}.partner-logo--tiesto small{color:#f2aa82}
.partner-logo--johns strong{padding:9px 14px;border:3px double #24211f;font-family:Georgia,serif;font-size:1.65rem;letter-spacing:-.025em}.partner-logo--johns small{margin-top:5px;background:#24211f;color:#fff;padding:4px 12px}
.partner-logo--cova strong{max-width:126px;font-size:3.75rem;line-height:.7;letter-spacing:-.12em}.partner-logo--cova small{color:#10b8bb;font-size:1rem;letter-spacing:-.03em}
.partner-logo--nino .partner-logo-mark{width:4px;height:48px;background:#31251d}.partner-logo--nino .partner-logo-mark::before,.partner-logo--nino .partner-logo-mark::after{content:"";position:absolute;left:2px;bottom:22px;width:30px;height:3px;background:#31251d;transform-origin:left;transform:rotate(-38deg)}.partner-logo--nino .partner-logo-mark::after{transform:rotate(38deg) translateX(-30px);transform-origin:right}.partner-logo--nino strong{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;letter-spacing:.01em}
@keyframes partners-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes partners-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.home-companies::before{content:"";position:absolute;width:300px;height:300px;background-image:radial-gradient(circle,rgba(220,167,125,.25) 0 4px,transparent 4.7px);background-size:24px 24px;opacity:.35;pointer-events:none}
.home-section-head{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.home-section-head>div:last-child{max-width:960px}.home-section-head h2{margin-bottom:0}.home-expertise .home-section-head h2,.home-companies .home-section-head h2{color:#fff}
.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}
.home-service-card{position:relative;min-height:390px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);transition:background .35s,transform .35s}
.home-service-card:hover{background:rgba(255,255,255,.055);transform:translateY(-5px)}
.home-service-card>span{color:#c59069;font-size:.62rem;font-weight:800;letter-spacing:.15em}
.home-service-icon{width:88px;height:88px;margin:auto 0 2rem;display:grid;place-items:center;border:1px solid rgba(220,167,125,.6);border-radius:50%;color:#e2b48f;font-family:var(--serif);font-size:1.25rem;letter-spacing:.08em;box-shadow:inset 0 0 0 9px rgba(220,167,125,.05)}
.home-service-card h3{margin:0 0 .8rem;font-family:var(--serif);font-size:clamp(1.65rem,2.2vw,2.25rem);font-weight:400;line-height:1.08}
.home-service-card p{margin:0;color:#bfaea4;font-size:.9rem;line-height:1.75}

.home-companies{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 86% 18%,rgba(185,106,54,.17),transparent 35%),linear-gradient(135deg,#241006 0%,#35170b 54%,#210d05 100%);color:#fff}
.home-companies::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.018) 0 28%,transparent 28% 68%,rgba(0,0,0,.08) 68%);pointer-events:none}
.home-companies::before{left:-95px;bottom:-45px;mask-image:linear-gradient(45deg,#000,transparent 75%)}
.home-companies-heading{width:min(100%,1180px);margin-inline:auto;text-align:center}
.home-companies-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:1.25rem;width:100%;margin-bottom:1.45rem;color:#e1a66f;letter-spacing:.42em}
.home-companies-heading .eyebrow::before,.home-companies-heading .eyebrow::after{content:"";width:54px;height:1px;background:linear-gradient(90deg,transparent,#cf8b50)}
.home-companies-heading .eyebrow::after{background:linear-gradient(90deg,#cf8b50,transparent)}
.home-companies-heading h2{margin:0;color:#f7eee7;font-family:var(--serif);font-size:clamp(3rem,4.35vw,5rem);font-weight:400;letter-spacing:-.052em;line-height:1.02;text-wrap:balance}
.home-companies-heading h2 span{display:block}
.home-company-grid{position:relative;width:min(1640px,calc(100vw - 68px));height:clamp(370px,32vw,560px);margin:4.35rem 0 0 50%;transform:translateX(-50%);isolation:isolate}
.home-company-card{position:absolute;top:18px;width:54.5%;aspect-ratio:16/9;min-height:0;overflow:hidden;border:1.5px solid rgba(226,180,116,.9);border-radius:24px;background:#33160a;box-shadow:0 34px 65px rgba(10,3,1,.42),0 0 0 1px rgba(255,239,210,.07) inset;transition:width .62s var(--ease),top .62s var(--ease),transform .62s var(--ease),box-shadow .45s ease,filter .45s ease;will-change:width,transform}
.home-company-card:first-child{left:0;z-index:1;transform:rotate(1.05deg)}
.home-company-card:last-child{right:0;top:52px;z-index:2;transform:rotate(-.9deg)}
.home-company-card:hover{z-index:4;width:58.5%;box-shadow:0 42px 85px rgba(10,3,1,.55),0 0 0 1px rgba(255,239,210,.14) inset}
.home-company-card:first-child:hover{top:8px;transform:rotate(.3deg)}
.home-company-card:last-child:hover{top:40px;transform:rotate(-.3deg)}
.home-company-grid:has(.home-company-card:first-child:hover) .home-company-card:last-child{width:51%;top:62px;transform:rotate(-.55deg);filter:brightness(.78)}
.home-company-grid:has(.home-company-card:last-child:hover) .home-company-card:first-child{width:51%;top:28px;transform:rotate(.55deg);filter:brightness(.78)}
.home-company-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease)}
.home-company-card:hover>img{transform:scale(1.055);filter:saturate(1.08)}
.home-company-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,5,2,.88) 0%,rgba(20,7,3,.5) 38%,rgba(20,7,3,.04) 73%),linear-gradient(0deg,rgba(15,5,2,.7),transparent 62%)}
.home-company-content{position:absolute;inset:clamp(1.45rem,2.7vw,2.8rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.home-company-content>img{width:auto;height:clamp(76px,7.4vw,112px);max-width:230px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.42))}
.home-company-content small{order:3;margin-top:.65rem;color:#f0d2a8;font-size:.61rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.home-company-content strong{order:2;max-width:480px;margin:0;color:#f8e8d4;font-family:var(--serif);font-size:clamp(2.45rem,3.6vw,4.2rem);font-weight:400;letter-spacing:-.035em;line-height:.92;text-shadow:0 7px 20px rgba(0,0,0,.42)}
.home-company-card--academy .home-company-content>img{position:absolute;top:0;left:0;width:clamp(92px,8.2vw,132px);height:auto;max-width:none;margin:0}
.home-company-card--academy .home-company-content strong{position:absolute;left:0;bottom:3.1rem;max-width:360px}
.home-company-card--academy .home-company-content small{position:absolute;left:0;bottom:1.55rem;margin:0}
.home-company-card--plindaya .home-company-content{justify-content:center;padding-bottom:2.2rem}
.home-company-card--plindaya .home-company-content>img{height:auto;width:clamp(190px,19vw,300px);max-width:46%;margin:0 0 .7rem;filter:sepia(.14) saturate(.82) brightness(1.2) drop-shadow(0 12px 18px rgba(0,0,0,.46))}
.home-company-card--plindaya .home-company-content strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.home-company-card--plindaya .home-company-content small{margin-top:0;color:#f5dfbf;font-family:var(--serif);font-size:clamp(.88rem,1.2vw,1.15rem);font-weight:400;letter-spacing:.015em;text-transform:none}
.home-company-content em{position:absolute;right:0;bottom:0;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(236,192,128,.9);border-radius:50%;background:rgba(48,20,8,.44);color:#fff;font-size:1.45rem;font-style:normal;line-height:1;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:background .3s,transform .3s}
.home-company-card:hover .home-company-content em{background:#a95e2f;transform:translateX(4px)}

.branch-hero{position:relative;isolation:isolate;min-height:78svh;display:flex;align-items:flex-end;padding:145px max(24px,calc((100% - var(--max))/2)) 85px;color:#fff;background:#1c0c07;overflow:hidden}
.branch-hero-cover,.branch-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.branch-hero-cover{object-fit:cover}
.branch-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(20,7,2,.95),rgba(20,7,2,.6) 58%,rgba(20,7,2,.2)),linear-gradient(0deg,rgba(20,7,2,.85),transparent 60%)}
.branch-hero-content{max-width:900px}.branch-hero-content>a{display:inline-block;margin-bottom:3rem;color:#dec1ab;font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.branch-hero-content>img{width:auto;height:135px;max-width:270px;object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.48))}
.branch-hero-content p{margin:1.4rem 0 .4rem;color:#e0b18d;font-size:.67rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.branch-hero-content h1{margin:0;font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);font-weight:400;letter-spacing:-.06em;line-height:.92}
.branch-intro{display:grid;grid-template-columns:210px minmax(0,900px);gap:clamp(2rem,6vw,6rem)}
.branch-intro>div:last-child>p:last-of-type{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.8}
.branch-cta{display:inline-flex;gap:.65rem;margin-top:2rem;padding-bottom:.35rem;border-bottom:1px solid var(--coffee-700);color:var(--coffee-700);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.branch-cta span{transition:transform .25s}.branch-cta:hover span{transform:translate(4px,-4px)}

@media(max-width:1024px){
  .home-about-grid{grid-template-columns:1fr 1fr;gap:3rem}.home-section-head,.branch-intro{grid-template-columns:150px minmax(0,1fr);gap:3rem}.home-service-card{min-height:360px;padding:1.6rem}
  .home-reach h2{max-width:780px;font-size:clamp(2.35rem,4.8vw,3.65rem)}.home-reach-countries{gap:20px}.partner-logo{width:210px;height:138px}
}
@media(max-width:820px){
  .hero-original-copy{width:100%}.hero-original h1{font-size:clamp(4rem,12vw,6.2rem)}
  .home-about-grid{grid-template-columns:1fr}.home-about-visual{max-width:680px}
  .home-section-head,.branch-intro{grid-template-columns:1fr;gap:2.5rem}.home-service-grid{grid-template-columns:1fr 1fr}.home-companies-heading{max-width:680px}.home-company-grid{width:100%;height:auto;margin-left:0;transform:none;display:grid;gap:18px}.home-company-card,.home-company-card:first-child,.home-company-card:last-child{position:relative;inset:auto;width:100%;aspect-ratio:16/9;transform:none}.home-company-card:hover,.home-company-grid:has(.home-company-card:first-child:hover) .home-company-card:last-child,.home-company-grid:has(.home-company-card:last-child:hover) .home-company-card:first-child{width:100%;top:auto;transform:none;filter:none}.branch-hero{min-height:680px}
  .home-reach-inner{padding-block:70px 74px}.home-reach h2{max-width:650px;font-size:clamp(2.25rem,7vw,3.45rem);line-height:1.06}.home-reach-countries{max-width:600px;margin:48px auto 0;grid-template-columns:repeat(2,1fr);gap:22px}.partner-marquees{padding-block:28px}.partner-logo{width:190px;height:126px}.partner-logo-group{gap:12px;padding-right:12px}.partner-marquee--left .partner-marquee-track{animation-duration:72s}.partner-marquee--right .partner-marquee-track{animation-duration:76s}
}
@media(max-width:560px){
  .hero-original{min-height:760px;padding:120px 18px 70px;align-items:center}.hero-original::after{width:240px;height:250px;background-size:21px 21px}.hero-original-eyebrow{font-size:.62rem;line-height:1.7;letter-spacing:.12em}.hero-original h1{font-size:clamp(3.15rem,15.5vw,4.3rem);line-height:.94}.hero-original-intro{font-size:.94rem}.hero-original-intro br{display:none}
  .home-about-grid{margin-top:2.8rem}.home-about-copy h2,.home-section-head h2,.branch-intro h2{font-size:clamp(2.65rem,13vw,3.45rem)}.home-about-visual img{aspect-ratio:1/1.05}.home-about-visual figcaption{padding:2.4rem 1.2rem 1.1rem;font-size:.62rem}.home-founded{align-items:flex-start}.home-founded strong{font-size:2.5rem}
  .home-service-grid{grid-template-columns:1fr;margin-top:3rem}.home-service-card{min-height:330px}.home-service-icon{margin-top:3rem}
  .home-companies-heading .eyebrow{gap:.8rem;margin-bottom:1rem;font-size:.55rem;letter-spacing:.27em}.home-companies-heading .eyebrow::before,.home-companies-heading .eyebrow::after{width:28px}.home-companies-heading h2{font-size:clamp(2.35rem,11.5vw,3.2rem);line-height:1.02}.home-company-grid{margin-top:3rem}.home-company-card,.home-company-card:first-child,.home-company-card:last-child{aspect-ratio:4/3;border-radius:18px}.home-company-content{inset:1.15rem}.home-company-content>img{height:72px;max-width:155px}.home-company-content strong{max-width:260px;font-size:2.25rem}.home-company-content small{font-size:.5rem;letter-spacing:.12em}.home-company-card--academy .home-company-content>img{width:78px;height:auto;max-width:none}.home-company-card--academy .home-company-content strong{bottom:2.65rem;max-width:225px}.home-company-card--academy .home-company-content small{bottom:1.15rem}.home-company-card--plindaya .home-company-content{justify-content:center;padding-bottom:1.6rem}.home-company-card--plindaya .home-company-content>img{width:190px;max-width:58%;height:auto}.home-company-card--plindaya .home-company-content small{font-size:.8rem}.home-company-content em{width:46px;height:46px;font-size:1.15rem}
  .branch-hero{min-height:620px;padding:115px 18px 62px}.branch-hero-content>a{margin-bottom:2rem}.branch-hero-content>img{height:100px;max-width:210px}.branch-hero-content h1{font-size:clamp(3.2rem,17vw,5rem)}
  .home-reach-inner{padding:58px 16px 64px}.home-reach-map{height:575px}.home-reach .eyebrow{font-size:.58rem}.home-reach h2{max-width:420px;font-size:clamp(2rem,9.5vw,2.75rem)}.home-reach-countries{max-width:390px;margin-top:38px;gap:14px}.home-reach-countries span{font-size:clamp(1rem,5vw,1.35rem);border-width:1.5px}.partner-marquees{padding-block:20px}.partner-marquee{padding-block:6px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.partner-logo{width:164px;height:108px;padding:12px}.partner-logo-image{max-height:72px}.partner-logo strong{font-size:1.5rem}.partner-logo small{margin-top:7px;font-size:.45rem}.partner-logo--la57 strong,.partner-logo--kava strong{font-size:2.55rem}.partner-logo--mix strong{font-size:3.35rem}.partner-logo--lui strong{font-size:2.8rem}.partner-logo--tiesto::before{width:88px;height:88px}.partner-logo--tiesto::after{top:15px;font-size:.35rem}.partner-logo--cova strong{font-size:2.8rem}
}

/* Approved layered hero with the original quiet background and original positioning */
.hero-kinetic--original-copy{background:radial-gradient(circle at 50% 43%,rgba(185,106,54,.22),transparent 23%),radial-gradient(circle at 8% 52%,rgba(220,167,125,.11),transparent 25%),radial-gradient(circle at 92% 52%,rgba(220,167,125,.11),transparent 25%),linear-gradient(135deg,#120703 0%,var(--coffee-950) 46%,#2b1209 100%)}
.hero-kinetic--original-copy::before{display:block;content:"";position:absolute;z-index:-2;inset:-25%;width:auto;height:auto;background:conic-gradient(from 0deg at 50% 50%,transparent 0 15%,rgba(255,255,255,.035) 18%,transparent 22% 48%,rgba(185,106,54,.055) 52%,transparent 57% 100%);opacity:1;mask-image:none;-webkit-mask-image:none;animation:hero-ambient-spin 34s linear infinite;pointer-events:none}
.hero-kinetic--original-copy::after{display:block;content:"";position:absolute;z-index:-1;inset:0;width:auto;height:auto;opacity:.24;background-image:radial-gradient(rgba(255,255,255,.18) .55px,transparent .7px);background-size:6px 6px;mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 25%,black 75%,transparent);pointer-events:none}
.hero-kinetic--original-copy .hero-kinetic-center{width:100%;justify-self:center}
.hero-kinetic--original-copy .hero-kinetic-copy{width:100%;max-width:680px;margin:-28px auto 0;padding-inline:10px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-kinetic--original-copy .hero-kinetic-copy h1{position:relative;left:-.1em;width:100%;margin-inline:auto;font-size:clamp(1.85rem,2.5vw,2.75rem);line-height:1.02;text-align:center;white-space:nowrap}
.hero-kinetic--original-copy .hero-kinetic-eyebrow{width:100%;margin:0 auto .7rem;color:#dca77d;font-size:.62rem;font-weight:800;line-height:1.5;letter-spacing:.13em;text-align:center;text-transform:uppercase;white-space:normal}
.hero-kinetic--original-copy .hero-kinetic-intro{width:100%;max-width:600px;margin:1rem auto 0;color:#d8c8bf;font-size:.76rem;font-weight:500;line-height:1.7;letter-spacing:0;text-align:center;white-space:normal;text-transform:none}
@media(max-width:820px){
  .hero-kinetic--original-copy{background:radial-gradient(circle at 50% 24%,rgba(185,106,54,.2),transparent 26%),linear-gradient(145deg,#120703,var(--coffee-950) 55%,#2b1209)}.hero-kinetic--original-copy .hero-kinetic-copy{margin-top:-24px;padding-inline:16px}.hero-kinetic--original-copy .hero-kinetic-copy h1{max-width:620px;margin-inline:auto;font-size:clamp(1.8rem,6vw,2.6rem)}.hero-kinetic--original-copy .hero-kinetic-eyebrow{font-size:.57rem}.hero-kinetic--original-copy .hero-kinetic-intro{max-width:520px;font-size:.72rem}
}
@media(max-width:560px){
  .hero-kinetic--original-copy .hero-kinetic-mascot{width:min(86vw,375px)}.hero-kinetic--original-copy .hero-kinetic-copy h1{font-size:clamp(1.22rem,6.2vw,1.55rem)}.hero-kinetic--original-copy .hero-kinetic-eyebrow{max-width:330px;margin-inline:auto;font-size:.5rem;letter-spacing:.09em}.hero-kinetic--original-copy .hero-kinetic-intro{max-width:350px;font-size:.68rem;line-height:1.6}.hero-kinetic--original-copy .hero-kinetic-intro br{display:none}
}

/* About story — centered company narrative and seven-card fan */
.home-about-story{position:relative;isolation:isolate;overflow:hidden;color:#32170b;background:#d7c0aa}
.home-about-story::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.2) 0 26%,transparent 26% 64%,rgba(91,44,21,.07) 64% 100%),radial-gradient(circle at 50% 4%,rgba(255,250,243,.55),transparent 44%),linear-gradient(135deg,#e1cfbd,#c9aa90);pointer-events:none}
.home-about-story::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(76,35,16,.2) 0 3px,transparent 3.8px),radial-gradient(circle,rgba(76,35,16,.12) 0 3px,transparent 3.8px);background-position:-52px 145px,calc(100% + 64px) 65%;background-size:24px 24px;background-repeat:repeat-y;opacity:.5;mask-image:linear-gradient(90deg,#000 0,transparent 17%,transparent 83%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 17%,transparent 83%,#000 100%);pointer-events:none}
.home-about-story-inner{position:relative;padding-top:118px;padding-bottom:0}
.about-story-copy,.about-vision-copy{width:min(100%,900px);margin-inline:auto;text-align:center}
.about-story-eyebrow{margin:0 0 .75rem;color:#87441f;font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.about-story-copy h2,.about-vision-copy h3{margin:0;color:#32170b;font-family:var(--sans);font-size:clamp(2.6rem,5vw,5rem);font-weight:750;letter-spacing:-.045em;line-height:1}
.about-vision-copy h3{font-size:clamp(2.15rem,4vw,3.8rem)}
.about-story-rule{display:block;width:min(300px,45%);height:2px;margin:1.4rem auto 1.7rem;background:linear-gradient(90deg,transparent,#7e3c1b 20%,#c4824f 80%,transparent)}
.about-story-body{max-width:870px;margin:0 auto;color:#5d4639;font-size:clamp(.98rem,1.3vw,1.13rem);line-height:1.9}
.about-story-founded{width:max-content;max-width:100%;margin:1.8rem auto 0;padding:.68rem 1.35rem;border:1px solid rgba(93,46,22,.28);background:rgba(255,248,239,.34);color:#6d3217;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.about-vision-copy{max-width:820px;margin-top:64px}
.about-vision-copy>p:last-child{max-width:790px;margin:0 auto;color:#5d4639;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.85}
.js .home-about-story .about-story-copy.motion-from-right{transform:translate3d(92px,0,0)}
.js .home-about-story .about-vision-copy.motion-from-left{transform:translate3d(-92px,0,0)}
.js .home-about-story .about-story-copy.is-motion-visible,.js .home-about-story .about-vision-copy.is-motion-visible{transform:translate3d(0,0,0)}
.about-gallery{position:relative;width:100%;height:520px;margin:38px auto 0;perspective:1400px;isolation:isolate}
.about-gallery-card{--x:0px;--y:0px;--r:0deg;--s:1;--z:1;--hover-x:0px;--hover-y:0px;--hover-grow:0;position:absolute;z-index:var(--z);left:50%;bottom:80px;width:clamp(210px,20.5vw,300px);aspect-ratio:5/6;margin:0;overflow:hidden;border:1px solid rgba(240,193,142,.34);border-radius:28px;background:#32170b;box-shadow:0 26px 42px rgba(20,7,2,.38),0 7px 14px rgba(20,7,2,.24),inset 0 1px rgba(255,255,255,.18);transform:translateX(calc(-50% + var(--x) + var(--hover-x))) translateY(calc(var(--y) + var(--hover-y))) rotate(var(--r)) scale(calc(var(--s) + var(--hover-grow)));transform-origin:50% 50%;transition:transform .46s cubic-bezier(.22,.7,.2,1),opacity .5s ease,box-shadow .3s ease;will-change:transform,opacity}
.about-gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 24% 72%,rgba(20,7,2,.22));pointer-events:none}
.about-gallery-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);transition:transform .65s var(--ease),filter .4s ease}
.about-gallery-card:nth-child(1){--x:-382px;--y:92px;--r:-21deg;--s:.78;--z:1}
.about-gallery-card:nth-child(2){--x:-280px;--y:50px;--r:-14deg;--s:.85;--z:2;transition-delay:.025s}
.about-gallery-card:nth-child(3){--x:-140px;--y:16px;--r:-7deg;--s:.935;--z:3;transition-delay:.05s}
.about-gallery-card:nth-child(4){--x:0px;--y:0px;--r:0deg;--s:1;--z:4;transition-delay:.075s}
.about-gallery-card:nth-child(5){--x:140px;--y:16px;--r:7deg;--s:.935;--z:3;transition-delay:.05s}
.about-gallery-card:nth-child(6){--x:280px;--y:50px;--r:14deg;--s:.85;--z:2;transition-delay:.025s}
.about-gallery-card:nth-child(7){--x:382px;--y:92px;--r:21deg;--s:.78;--z:1}
.js .about-gallery:not(.is-visible) .about-gallery-card{opacity:0;transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) + 20px)) rotate(var(--r)) scale(var(--s))}
.about-gallery-card:hover{z-index:10;box-shadow:0 34px 52px rgba(54,24,10,.38),0 0 0 1px rgba(91,44,21,.16)}
.about-gallery-card:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.02)}

@media(max-width:1100px) and (min-width:761px){
  .about-gallery{height:460px}.about-gallery-card{bottom:70px;width:clamp(195px,22vw,245px)}
  .about-gallery-card:nth-child(1){--x:-310px}.about-gallery-card:nth-child(2){--x:-210px}.about-gallery-card:nth-child(3){--x:-105px}.about-gallery-card:nth-child(5){--x:105px}.about-gallery-card:nth-child(6){--x:210px}.about-gallery-card:nth-child(7){--x:310px}
}
@media(max-width:760px){
  .home-about-story-inner{width:100%;padding-top:90px}.about-story-copy,.about-vision-copy{width:calc(100% - 38px)}.about-story-body{font-size:.95rem;line-height:1.78}.about-story-founded{width:auto;margin-inline:19px;font-size:.65rem;line-height:1.5}.about-vision-copy{margin-top:50px}.about-vision-copy>p:last-child{font-size:.92rem;line-height:1.75}
  .about-gallery{height:auto;margin-top:42px;padding:0 12vw 54px;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:12vw;perspective:none;isolation:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .about-gallery::-webkit-scrollbar{display:none}.about-gallery-card,.about-gallery-card:nth-child(n){position:relative;left:auto;bottom:auto;z-index:auto;flex:0 0 min(82vw,320px);width:min(82vw,320px);border-radius:22px;scroll-snap-align:center;transform:none;transition:opacity .5s ease,box-shadow .3s ease}.js .about-gallery:not(.is-visible) .about-gallery-card{transform:translateY(24px)}.about-gallery-card:hover{transform:none}
}
@media(max-width:760px){.js .home-about-story .about-story-copy.motion-from-right{transform:translate3d(48px,0,0)}.js .home-about-story .about-vision-copy.motion-from-left{transform:translate3d(-48px,0,0)}.js .home-about-story .about-story-copy.is-motion-visible,.js .home-about-story .about-vision-copy.is-motion-visible{transform:translate3d(0,0,0)}}
@media(max-width:1100px) and (min-width:821px){.impact-showcase{grid-template-columns:minmax(160px,190px) minmax(320px,1fr) minmax(160px,190px);gap:12px}.achievement-cert-pair{gap:8px;transform:translateY(27px)}.achievement-certificate{width:78px}.impact-heading h2{font-size:clamp(1.75rem,2.8vw,2.15rem)}}
@media(max-width:820px){
  .impact-showcase{min-height:0;padding:32px 16px 36px;grid-template-columns:1fr 1fr;gap:24px 10px}
  .impact-heading{grid-column:1/-1;grid-row:1}
  .impact-heading-mark{width:52px;height:61px;margin-bottom:.35rem}
  .impact-heading h2{font-size:clamp(1.9rem,8vw,2.45rem);letter-spacing:-.045em}
  .impact-heading>span{width:min(78vw,300px);height:2px;margin-top:.8rem}
  .achievement-cert-pair{gap:7px;transform:none}
  .achievement-certificate{width:min(20vw,76px)}
  .achievement-certificate:hover{transform:scale(1.08) translateZ(0)}
  .home-impact::before,.home-impact::after{width:150px;height:150px;opacity:.26;background-size:18px 18px}
  .home-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px;padding:44px 14px 52px}
  .home-impact-grid::after{background:#2b130a}
  .home-impact-grid::before{display:none}
  .home-impact article{min-height:190px;display:flex;flex-direction:column;align-items:center;padding:0 4px;text-align:center}
  .home-impact article::before,.home-impact article::after{display:none}
  .impact-pin{width:112px;height:134px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.2))}
  .impact-pin::before{width:112px;height:112px;background:#ead8c6}
  .impact-pin::after{top:75px;left:34px;width:44px;height:44px;border-radius:3px;background:#ead8c6}
  .home-impact strong{top:17px;left:17px;width:78px;height:78px;background:#fffaf4;font-size:1.62rem}
  .home-impact strong.counter-medium{font-size:1.28rem}
  .home-impact strong.counter-long{font-size:1.02rem}
  .home-impact article>span{max-width:150px;margin-top:12px;color:#fff;font-size:.67rem;letter-spacing:.055em;line-height:1.45}
}
@media(max-width:420px){
  .impact-showcase{padding-inline:10px;column-gap:4px}
  .achievement-cert-pair{gap:5px}
  .achievement-certificate{width:min(19.5vw,72px)}
  .home-impact-grid{gap:28px 8px;padding-inline:10px}
  .impact-pin{transform:scale(.94);transform-origin:top center;margin-bottom:-8px}
}
@media(prefers-reduced-motion:reduce){.js .hero-kinetic-brand,.js .hero-kinetic-mascot,.js .hero-kinetic-copy{opacity:1;transform:none;animation:none!important}.js .motion-load{opacity:1;transform:none;transition:none!important}.about-gallery-card,.about-gallery-card img{transition:none!important}.js .about-gallery:not(.is-visible) .about-gallery-card{opacity:1;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--r)) scale(var(--s))}.partner-marquee-track{animation:none!important}}

/* Approved contact redesign: scalable contact cards and centered form */
.nav-contact{border-radius:999px;padding-inline:1.25rem!important}
.contact-inner{display:grid;grid-template-columns:1fr;gap:clamp(2.2rem,5vw,4.8rem)}
.contact-copy{max-width:790px;margin-inline:auto;text-align:center}
.contact-copy .section-label{display:flex;align-items:center;justify-content:center}
.contact-copy h2{max-width:760px;margin-inline:auto;margin-bottom:1.4rem;font-size:clamp(3rem,5.4vw,5.5rem)}
.contact-copy>p:not(.eyebrow){max-width:670px;margin-inline:auto}
.contact-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.contact-method{position:relative;min-height:260px;padding:1.65rem 1.4rem;border:1px solid rgba(82,38,18,.16);border-radius:26px;background:rgba(255,253,249,.58);box-shadow:0 18px 45px rgba(64,29,13,.09);overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.contact-method::after{content:"";position:absolute;right:-38px;bottom:-48px;width:120px;height:120px;border:1px solid rgba(151,78,38,.12);border-radius:50%;pointer-events:none}
.contact-method:hover{transform:translateY(-6px);border-color:rgba(135,68,31,.36);box-shadow:0 26px 58px rgba(64,29,13,.15)}
.contact-method-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:2rem;border:1px solid rgba(135,68,31,.28);border-radius:50%;color:#87441f;background:rgba(255,248,239,.6)}
.contact-method-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-method h3{margin:0 0 1rem;color:#32170b;font-family:var(--serif);font-size:1.65rem;font-weight:400}
.contact-method-list{display:grid;gap:.8rem;position:relative;z-index:1}
.contact-method-item{display:grid;gap:.15rem;padding-top:.75rem;border-top:1px solid rgba(82,38,18,.12)}
.contact-method-item:first-child{padding-top:0;border-top:0}
.contact-method-item small{color:#87441f;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.contact-method-item a,.contact-method-item p,.contact-method-empty{margin:0;color:#4f382c;font-size:.84rem;line-height:1.55;overflow-wrap:anywhere}
.contact-method-item a:hover{color:#8d4722}
.contact-method-empty{color:#80695b;font-style:italic}
.contact-form-wrap{width:min(100%,980px);margin-inline:auto;align-self:auto;border-radius:30px;padding:clamp(1.5rem,4vw,3.5rem)}
.contact-form .button{border-radius:999px;padding-inline:1.65rem}
@media(max-width:960px){.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-method{min-height:230px}}
@media(max-width:560px){.contact-inner{gap:2.5rem}.contact-copy h2{font-size:clamp(2.65rem,13vw,3.35rem)}.contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.contact-method{min-height:210px;padding:1.2rem .95rem;border-radius:20px}.contact-method-icon{width:48px;height:48px;margin-bottom:1.35rem}.contact-method-icon svg{width:23px;height:23px}.contact-method h3{font-size:1.35rem}.contact-method-item a,.contact-method-item p,.contact-method-empty{font-size:.76rem}.contact-form-wrap{border-radius:22px}}

/* Contact alignment refinement and footer social links */
.contact-copy .eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.1rem}
.contact-copy .eyebrow::before,.contact-copy .eyebrow::after{content:"";width:76px;height:1px;background:linear-gradient(90deg,transparent,#87441f)}
.contact-copy .eyebrow::after{background:linear-gradient(90deg,#87441f,transparent)}
.contact-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:clamp(1.2rem,3vw,2.8rem);align-items:stretch}
.contact-layout .contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.contact-layout .contact-method{min-height:220px;padding:1.35rem 1.2rem}
.contact-layout .contact-method-icon{width:50px;height:50px;margin-bottom:1.25rem}
.contact-layout .contact-method h3{margin-bottom:.7rem;font-size:1.45rem}
.contact-layout .contact-form-wrap{width:100%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:center}
.contact-method--whatsapp .contact-method-item a{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;margin-top:.25rem;padding:.65rem .9rem;border-radius:999px;background:#25d366;color:#fff;font-size:.72rem;font-weight:800;box-shadow:0 10px 22px rgba(37,211,102,.22);transition:transform .2s,background .2s,box-shadow .2s}
.contact-method--whatsapp .contact-method-item a:hover{background:#1ebe5d;color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px rgba(37,211,102,.3)}
.contact-form label{font-size:.72rem}
.contact-form input,.contact-form textarea{font-size:1rem;line-height:1.55}
.contact-form input{min-height:50px}
.footer-brand-block{display:grid;justify-items:start;gap:.9rem}
.footer-socials{display:flex;align-items:center;gap:.65rem;margin-left:88px}
.footer-social{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;transition:transform .25s,box-shadow .25s}
.footer-social:hover{transform:translateY(-3px)}
.footer-social svg{width:20px;height:20px}
.footer-social--facebook{background:#1877f2;color:#fff;box-shadow:0 8px 18px rgba(24,119,242,.24)}.footer-social--facebook svg{fill:currentColor}
.footer-social--instagram{background:radial-gradient(circle at 32% 100%,#ffd600 0 18%,#ff7a00 30%,#ff0169 54%,#d300c5 72%,#7638fa 100%);color:#fff;box-shadow:0 8px 18px rgba(211,0,197,.22)}.footer-social--instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.footer-social--instagram .social-dot{fill:currentColor;stroke:none}
.footer-social--whatsapp{background:#25d366;color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.24)}.footer-social--whatsapp svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.footer-social--tiktok{background:#090909;color:#fff;box-shadow:-2px 1px 0 #25f4ee,2px -1px 0 #fe2c55,0 8px 18px rgba(0,0,0,.28)}.footer-social--tiktok svg{fill:currentColor}
@media(max-width:960px){.contact-layout{grid-template-columns:1fr}.contact-layout .contact-method{min-height:210px}.contact-layout .contact-form-wrap{height:auto}}
@media(max-width:560px){.contact-copy .eyebrow{gap:.65rem}.contact-copy .eyebrow::before,.contact-copy .eyebrow::after{width:36px}.contact-layout .contact-methods{gap:.7rem}.contact-layout .contact-method{min-height:200px;padding:1.1rem .9rem}.contact-layout .contact-method-icon{width:46px;height:46px}.contact-method--whatsapp .contact-method-item a{padding:.58rem .72rem;font-size:.66rem}.footer-socials{margin-left:0}.footer-social{width:36px;height:36px}}

/* Compact contact cards — remove the empty stretched-card look */
.contact-layout{grid-template-columns:minmax(340px,.82fr) minmax(500px,1.18fr);align-items:center}
.contact-layout .contact-methods{align-self:center;grid-auto-rows:max-content;align-items:start}
.contact-layout .contact-method{min-height:0;padding:1rem 1.05rem;border-radius:18px;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:.75rem;row-gap:.55rem;align-content:start}
.contact-layout .contact-method::after{display:none}
.contact-layout .contact-method-icon{grid-column:1;grid-row:1;width:38px;height:38px;margin:0}
.contact-layout .contact-method-icon svg{width:19px;height:19px}
.contact-layout .contact-method h3{grid-column:2;grid-row:1;margin:0;align-self:center;font-size:1.12rem;line-height:1.2}
.contact-layout .contact-method-list{grid-column:1/-1;gap:.5rem;margin-top:.15rem}
.contact-layout .contact-method-item{padding-top:.5rem}
.contact-layout .contact-method-item small{font-size:.5rem}
.contact-layout .contact-method-item a,.contact-layout .contact-method-item p,.contact-layout .contact-method-empty{font-size:.73rem;line-height:1.4}
.contact-layout .contact-method--whatsapp .contact-method-item a{padding:.5rem .72rem;font-size:.66rem}
@media(max-width:960px){.contact-layout{grid-template-columns:1fr}.contact-layout .contact-methods{width:min(100%,650px);margin-inline:auto}.contact-layout .contact-method{min-height:0}}
@media(max-width:560px){.contact-layout .contact-method{min-height:0;padding:.9rem .8rem;grid-template-columns:34px minmax(0,1fr);column-gap:.6rem;border-radius:16px}.contact-layout .contact-method-icon{width:34px;height:34px}.contact-layout .contact-method-icon svg{width:17px;height:17px}.contact-layout .contact-method h3{font-size:1rem}.contact-layout .contact-method-item a,.contact-layout .contact-method-item p,.contact-layout .contact-method-empty{font-size:.68rem}}

/* Balanced contact cards */
.contact-layout{grid-template-columns:minmax(410px,.95fr) minmax(500px,1.05fr)}
.contact-layout .contact-method{min-height:148px;padding:1.25rem 1.3rem;grid-template-columns:44px minmax(0,1fr);column-gap:.85rem;row-gap:.8rem;border-radius:20px;align-content:start}
.contact-layout .contact-method-icon{width:44px;height:44px}
.contact-layout .contact-method-icon svg{width:21px;height:21px}
.contact-layout .contact-method h3{font-size:1.25rem}
.contact-layout .contact-method-list{margin-top:.1rem}
.contact-layout .contact-method-item small{font-size:.53rem}
.contact-layout .contact-method-item a,.contact-layout .contact-method-item p,.contact-layout .contact-method-empty{font-size:.78rem;line-height:1.5}
@media(max-width:960px){.contact-layout{grid-template-columns:1fr}.contact-layout .contact-method{min-height:138px}}
@media(max-width:560px){.contact-layout .contact-method{min-height:124px;padding:1rem .9rem;grid-template-columns:38px minmax(0,1fr);column-gap:.65rem;row-gap:.55rem}.contact-layout .contact-method-icon{width:38px;height:38px}.contact-layout .contact-method h3{font-size:1.08rem}}

/* Company coming-soon experience */
body.modal-open{overflow:hidden}
.coming-soon-modal[hidden]{display:none}
.coming-soon-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease}
.coming-soon-modal.is-open{opacity:1;visibility:visible}
.coming-soon-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(17,6,2,.78);backdrop-filter:blur(12px);cursor:pointer}
.coming-soon-panel{position:relative;isolation:isolate;width:min(560px,100%);overflow:hidden;padding:clamp(2rem,6vw,4rem);border:1px solid rgba(232,185,137,.32);border-radius:30px;background:radial-gradient(circle at 50% 10%,rgba(185,106,54,.2),transparent 38%),linear-gradient(145deg,#2a1108,#160804);color:#fff;text-align:center;box-shadow:0 38px 100px rgba(0,0,0,.48);transform:translateY(22px) scale(.97);transition:transform .36s var(--ease)}
.coming-soon-modal.is-open .coming-soon-panel{transform:none}
.coming-soon-panel::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) .6px,transparent .7px);background-size:7px 7px;opacity:.26;pointer-events:none}
.coming-soon-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.coming-soon-close:hover{background:rgba(255,255,255,.14);transform:rotate(8deg)}
.coming-soon-panel>.eyebrow{margin-bottom:1.5rem;color:#dca77d}
.coming-soon-panel>img{width:min(240px,62%);height:125px;margin:0 auto 1.2rem;object-fit:contain;filter:drop-shadow(0 16px 25px rgba(0,0,0,.35))}
.coming-soon-company{margin:0;color:#e7b98f;font-size:.66rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.coming-soon-panel h2{margin:.45rem 0 1rem;font-family:var(--serif);font-size:clamp(3rem,9vw,5.1rem);font-weight:400;letter-spacing:-.055em;line-height:.95}
.coming-soon-panel>p:not(.eyebrow):not(.coming-soon-company){max-width:410px;margin:0 auto;color:#cbb8ad;font-size:.92rem}
.coming-soon-panel .button{margin-top:1.8rem;border-color:#dca77d;border-radius:999px;background:#dca77d;color:#2b130a}
@media(max-width:560px){.coming-soon-modal{padding:14px}.coming-soon-panel{padding:3.4rem 1.35rem 2rem;border-radius:24px}.coming-soon-panel>img{height:100px}.coming-soon-panel h2{font-size:3.25rem}}

/* Keep all four contact cards exactly equal */
.contact-layout .contact-methods{grid-auto-rows:1fr;align-items:stretch}
.contact-layout .contact-method{width:100%;height:100%;min-height:158px}
@media(max-width:960px){.contact-layout .contact-method{min-height:145px}}
@media(max-width:560px){.contact-layout .contact-method{min-height:132px}}

/* English / Arabic language switcher and RTL layout */
.language-switcher{position:relative;direction:ltr}
.language-switcher summary{display:flex;align-items:center;justify-content:center;gap:.42rem;min-width:64px;height:42px;padding:0 .65rem;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.08em;list-style:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.language-switcher img{width:24px;height:16px;flex:none;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher summary:hover,.language-switcher[open] summary{border-color:#fff;background:#fff;color:var(--coffee-900)}
.language-switcher>div{position:absolute;top:calc(100% + 12px);right:0;width:132px;padding:.42rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(28,12,7,.98);box-shadow:0 18px 40px rgba(0,0,0,.28);text-align:left}
.language-switcher>div::before{content:"";position:absolute;right:15px;bottom:100%;border:6px solid transparent;border-bottom-color:rgba(28,12,7,.98)}
.site-nav .language-switcher a{display:flex;align-items:center;gap:.65rem;padding:.62rem .72rem;border-radius:9px;color:#fff;font-family:var(--sans);font-size:.68rem;letter-spacing:.02em;text-transform:none}
.site-nav .language-switcher a::after{display:none}
.site-nav .language-switcher a:hover,.site-nav .language-switcher a:focus-visible{background:rgba(255,255,255,.1)}
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .brand,html[dir="rtl"] .footer-brand{direction:ltr}
html[dir="rtl"] .site-nav{letter-spacing:0}
html[dir="rtl"] .hero-kinetic{direction:ltr}
html[dir="rtl"] .hero-kinetic-copy,html[dir="rtl"] .hero-kinetic-card{direction:rtl}
html[dir="rtl"] .hero-kinetic-copy h1{left:0;white-space:normal}
html[dir="rtl"] .about-story-founded,html[dir="rtl"] .eyebrow,html[dir="rtl"] .home-impact article>span,html[dir="rtl"] .home-reach-countries,html[dir="rtl"] .home-company-content,html[dir="rtl"] .contact-form label{letter-spacing:0;text-transform:none}
html[dir="rtl"] .home-company-card,html[dir="rtl"] .home-company-content{direction:ltr}
html[dir="rtl"] .home-company-grid{left:auto;width:100%;max-width:1280px;margin:4.35rem auto 0;direction:ltr;transform:none}
html[dir="rtl"] .home-company-content small{direction:rtl;text-align:left;unicode-bidi:plaintext}
html[dir="rtl"] .home-company-content>img,html[dir="rtl"] .home-company-content strong,html[dir="rtl"] .home-company-content small,html[dir="rtl"] .home-company-content em{visibility:visible;opacity:1}
html[dir="rtl"] .partner-marquees,html[dir="rtl"] .partner-marquee,html[dir="rtl"] .partner-marquee-track,html[dir="rtl"] .partner-logo-group,html[dir="rtl"] .partner-logo{direction:ltr}
html[dir="rtl"] .contact-method{text-align:right}
html[dir="rtl"] .contact-method::after{right:auto;left:-38px}
html[dir="rtl"] .contact-form input,html[dir="rtl"] .contact-form textarea{text-align:right;direction:rtl}
html[dir="rtl"] .contact-form input[type="email"],html[dir="rtl"] .contact-form input[name="phone"]{direction:ltr;text-align:right}
html[dir="rtl"] .contact-form .button{justify-self:start}
html[dir="rtl"] .coming-soon-close{right:auto;left:16px}
html[dir="rtl"] .site-footer{direction:rtl;text-align:right}
html[dir="rtl"] .footer-brand-block{justify-items:start}
html[dir="rtl"] .footer-brand{direction:ltr;justify-self:start}
html[dir="rtl"] .footer-brand small{direction:rtl;text-align:right;letter-spacing:0;text-transform:none}
html[dir="rtl"] .footer-socials{margin-left:0;margin-right:88px;direction:ltr}
html[dir="rtl"] .site-footer nav{direction:rtl;justify-content:flex-start;letter-spacing:0;text-transform:none}
html[dir="rtl"] .footer-meta{justify-content:flex-start;text-align:right}
@media(min-width:821px){html[dir="rtl"] .hero-kinetic--original-copy .hero-kinetic-copy h1{font-size:clamp(1.55rem,2.2vw,2.35rem);white-space:nowrap}}
@media(max-width:820px){
  .language-switcher{width:100%;margin-top:auto;padding-top:1.4rem;opacity:0;transform:translateY(10px);transition:opacity .35s .27s ease,transform .45s .27s var(--ease)}
  .site-nav.is-open .language-switcher{opacity:1;transform:none}
  .language-switcher summary{width:100%;height:50px;min-width:0;padding:.68rem 1rem;border-color:rgba(255,255,255,.2);border-radius:14px;justify-content:flex-start;background:rgba(255,255,255,.045)}
  .language-switcher>div{position:static;width:100%;margin-top:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem;background:rgba(0,0,0,.18);box-shadow:none}
  .language-switcher>div::before{display:none}
  .site-nav .language-switcher a{justify-content:center;min-height:44px;padding:.55rem .65rem;border-radius:10px;background:rgba(255,255,255,.045);font-size:.72rem}
  .menu-toggle{border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(18,6,3,.2)}
  .menu-toggle:focus-visible{outline:2px solid var(--latte);outline-offset:3px}
  html[dir="rtl"] .site-nav{align-items:stretch;transform:translateX(-24px)}
  html[dir="rtl"] .site-nav.is-open{transform:none}
  html[dir="rtl"] .mobile-nav-intro{text-align:right}
  html[dir="rtl"] .mobile-nav-intro strong,html[dir="rtl"] .site-nav>a:not(.nav-contact){font-family:Tahoma,Arial,sans-serif}
  html[dir="rtl"] .site-nav>a:not(.nav-contact){transform:translateX(-22px);letter-spacing:0}
  html[dir="rtl"] .site-nav.is-open>a:not(.nav-contact){transform:none}
  html[dir="rtl"] .nav-contact{font-family:Tahoma,Arial,sans-serif!important;line-height:1.5;letter-spacing:0!important;text-transform:none!important}
  html[dir="rtl"] .site-nav a{letter-spacing:0}
  html[dir="rtl"] .home-company-grid{left:auto;margin-left:0;transform:none}
}
@media(max-width:560px){html[dir="rtl"] .footer-socials{margin-right:0}}

/* Services — faithful recreation of the supplied seven-service reference */
.home-services{position:relative;overflow:hidden;background:#fffdf9;color:#351800;border-top:1px solid rgba(76,35,16,.12)}
.home-services::before,.home-services::after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(139,88,37,.09);border-radius:50%;pointer-events:none}
.home-services::before{left:-170px;top:180px;box-shadow:0 0 0 45px rgba(139,88,37,.025),0 0 0 90px rgba(139,88,37,.018)}
.home-services::after{right:-185px;bottom:90px;box-shadow:0 0 0 45px rgba(139,88,37,.025),0 0 0 90px rgba(139,88,37,.018)}
.home-services-inner{padding-block:clamp(78px,8vw,118px)}
.services-title{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2.4vw,2rem);margin:0 auto clamp(3.4rem,6vw,5.8rem);color:#351800}
.services-title-mark{width:clamp(88px,9vw,132px);height:auto;overflow:visible;filter:drop-shadow(0 10px 13px rgba(91,50,11,.13))}
.services-title-mark path,.services-title-mark .service-cuff{fill:url(#services-gold)}
.services-title-mark .service-gear{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.services-title:hover .service-gear{transform:rotate(70deg)}
.services-title>div{min-width:min(66vw,620px)}
.services-title h2{margin:0;font-family:var(--sans);font-size:clamp(3.2rem,7.2vw,7.4rem);font-weight:850;letter-spacing:-.07em;line-height:.88;text-align:center}
.services-title span{display:block;width:100%;height:5px;margin-top:1rem;background:linear-gradient(90deg,#3d1803 0%,#8a581d 43%,#f2d177 100%)}
.services-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.5vw,2.2rem);row-gap:clamp(3.6rem,6vw,5.6rem);align-items:start}
.service-item{grid-column:span 3;min-width:0;margin:0;text-align:center}
.service-item:nth-child(n+5){grid-column:span 4}
.service-visual{position:relative;width:min(100%,270px);aspect-ratio:1;margin:0 auto 1.35rem;display:grid;place-items:center;border:4px solid #351800;border-radius:50%;background:#fff;box-shadow:0 13px 0 rgba(83,40,14,.025);transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .38s}
.service-visual::after{content:"";position:absolute;inset:9px;border:1px solid transparent;border-radius:50%;transition:border-color .3s,inset .38s}
.service-item:hover .service-visual{transform:translateY(-10px) scale(1.025);border-color:#a26c2f;box-shadow:0 24px 38px rgba(75,34,8,.14)}
.service-item:hover .service-visual::after{inset:13px;border-color:rgba(162,108,47,.2)}
.service-visual svg{width:78%;height:78%;overflow:visible;fill:none;stroke:#4b2b20;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.service-visual .service-fill{fill:#ad805e;stroke:#4b2b20}
.service-item h3{max-width:330px;margin:0 auto;color:#351800;font-family:var(--sans);font-size:clamp(1.05rem,1.45vw,1.5rem);font-weight:800;line-height:1.45;text-wrap:balance}
.service-visual g,.service-visual path,.service-visual rect,.service-visual circle{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,fill .35s}
.service-item--barista:hover .icon-cup{transform:translateY(-7px)}
.service-item--barista:hover .icon-tamper{transform:rotate(-10deg) translateY(-4px)}
.service-item--barista:hover .icon-person{transform:translateY(-2px)}
.service-item--menu:hover .icon-board{transform:scale(1.025)}
.service-item--menu:hover .icon-steam{transform:translateY(-8px)}
.service-item--menu:hover .icon-sparkles{transform:rotate(12deg) scale(1.14)}
.service-item--equipment:hover .icon-portafilter{transform:rotate(8deg) translateX(4px)}
.service-item--equipment:hover .icon-lever{transform:rotate(-13deg)}
.service-item--equipment:hover .icon-grinder{transform:translateY(-3px)}
.service-item--setup:hover .icon-shop{transform:translateY(-4px)}
.service-item--setup:hover .icon-shop-sign{transform:translateY(-7px) rotate(2deg)}
.service-item--system:hover .gear-a{transform:rotate(48deg)}
.service-item--system:hover .gear-b{transform:rotate(-65deg)}
.service-item--system:hover .gear-c{transform:rotate(48deg)}
.service-item--system:hover .icon-arrow{transform:translateX(8px)}
.service-item--management:hover .icon-pointer{transform:rotate(-8deg)}
.service-item--management:hover .icon-board{transform:translateY(-4px)}
.service-item--management:hover .icon-audience{transform:translateY(-3px)}
.service-item--supplies:hover .icon-bag{transform:translateY(-5px) rotate(-1.5deg)}
.service-item--supplies:hover .icon-takeaway{transform:translateY(-7px) rotate(1.5deg)}
.service-item--supplies:hover .icon-steam{transform:translateY(-9px)}
html[dir="rtl"] .home-services{direction:rtl}
html[dir="rtl"] .service-item h3{letter-spacing:0}
@media(max-width:980px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1.5rem}.service-item,.service-item:nth-child(n+5){grid-column:auto}.service-item:last-child{grid-column:1/-1;width:min(100%,360px);justify-self:center}.service-visual{width:min(100%,240px)}}
@media(max-width:560px){.home-services-inner{padding-block:68px}.services-title{gap:.6rem;margin-bottom:3.2rem}.services-title-mark{width:68px}.services-title>div{min-width:0;flex:1}.services-title h2{font-size:clamp(2.65rem,15vw,4.2rem)}.services-title span{height:3px;margin-top:.65rem}.services-grid{column-gap:.75rem;row-gap:2.7rem}.service-visual{width:min(100%,165px);border-width:3px;margin-bottom:1rem}.service-visual svg{width:82%;height:82%;stroke-width:4.5}.service-item h3{font-size:.92rem;line-height:1.5}.service-item:last-child{width:min(100%,240px)}}
@media(prefers-reduced-motion:reduce){.services-title-mark .service-gear,.service-visual,.service-visual *{transition:none!important;transform:none!important}}

/* Exact traced service artwork + more compact proportions */
.home-services-inner{padding-top:clamp(92px,8vw,118px);padding-bottom:clamp(64px,6.5vw,92px)}
.services-title{gap:clamp(.75rem,1.8vw,1.35rem);margin-bottom:clamp(2.8rem,4.5vw,4rem)}
.services-title.services-title--centered{display:block;width:100%;text-align:center}
.services-title.services-title--centered>div{width:min(100%,500px);min-width:0;margin-inline:auto;flex:none}
.services-title.services-title--centered h2{text-align:center}
html[lang="en"] .services-title.services-title--centered>div{width:min(100%,720px)}
html[lang="en"] .services-title.services-title--centered h2{white-space:nowrap;font-size:clamp(1.5rem,9vw,5.25rem)}
.services-title-mark{width:clamp(70px,6.8vw,98px)}
.services-title>div{min-width:min(58vw,500px)}
.services-title h2{font-size:clamp(2.8rem,5.5vw,5.25rem)}
.services-title span{height:4px;margin-top:.75rem}
.services-grid{max-width:1120px;margin-inline:auto;column-gap:clamp(.85rem,2vw,1.6rem);row-gap:clamp(2.8rem,4.3vw,3.8rem)}
.service-visual{width:min(100%,220px);margin-bottom:1rem;border-width:3px}
.service-visual svg{display:none}
.service-visual::before{content:"";position:absolute;z-index:0;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .46s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.service-visual::after{z-index:1}
.service-item--barista .service-visual::before{background-image:url('/assets/img/services/barista.svg?v=4')}
.service-item--menu .service-visual::before{background-image:url('/assets/img/services/menu.svg?v=4')}
.service-item--equipment .service-visual::before{background-image:url('/assets/img/services/equipment.svg?v=4')}
.service-item--setup .service-visual::before{background-image:url('/assets/img/services/setup.svg?v=4')}
.service-item--system .service-visual::before{background-image:url('/assets/img/services/system.svg?v=4')}
.service-item--management .service-visual::before{background-image:url('/assets/img/services/management.svg?v=4')}
.service-item--supplies .service-visual::before{background-image:url('/assets/img/services/supplies.svg?v=4')}
.service-item h3{max-width:280px;font-size:clamp(.95rem,1.15vw,1.18rem);line-height:1.42}
.service-item:hover .service-visual::before{filter:drop-shadow(0 9px 9px rgba(77,41,23,.16))}
.service-item--barista:hover .service-visual::before{transform:translateY(-6px) scale(1.025)}
.service-item--menu:hover .service-visual::before{transform:translateY(-3px) scale(1.045)}
.service-item--equipment:hover .service-visual::before{transform:translateY(-4px) rotate(-1.5deg) scale(1.03)}
.service-item--setup:hover .service-visual::before{transform:translateY(-6px) scale(1.02)}
.service-item--system:hover .service-visual::before{transform:rotate(3deg) scale(1.035)}
.service-item--management:hover .service-visual::before{transform:translateY(-5px) scale(1.025)}
.service-item--supplies:hover .service-visual::before{transform:translateY(-5px) rotate(1.5deg) scale(1.025)}
@media(max-width:980px){.services-grid{max-width:680px;row-gap:2.8rem}.service-visual{width:min(100%,195px)}}
@media(max-width:560px){.home-services-inner{padding-top:82px;padding-bottom:54px}.services-title{margin-bottom:2.5rem}.services-title-mark{width:58px}.services-title h2{font-size:clamp(2.3rem,12vw,3.45rem)}.services-title span{height:3px}.services-grid{column-gap:.65rem;row-gap:2.2rem}.service-visual{width:min(100%,142px);margin-bottom:.8rem}.service-visual::before{inset:0}.service-item h3{font-size:.82rem;line-height:1.45}}
/* Fit the existing mobile composition to the visible phone screen. */
@media(max-width:820px){
  .hero-kinetic{min-height:100vh;min-height:100svh;padding-block:88px 20px;gap:12px 4px;align-content:center;grid-template-rows:auto auto}
  .hero-kinetic--original-copy .hero-kinetic-mascot{width:min(78vw,30svh,300px)}
  .hero-kinetic-card{max-width:min(184px,20svh);padding:clamp(16px,4svh,36px) 10px clamp(14px,3svh,29px)}
  .hero-kinetic-logo{max-height:min(92px,12svh)}
  .hero-kinetic-brand--academy .hero-kinetic-logo{max-width:min(82px,11svh)}
  .hero-kinetic-brand--plindaya .hero-kinetic-logo{max-width:min(124px,16svh)}
  .site-nav{height:100vh;height:100dvh;min-height:0;max-height:100dvh;padding-top:100px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .site-nav::before{bottom:0;width:min(310px,40svh);height:min(310px,40svh)}
}
@media(max-width:820px) and (max-height:480px){
  .hero-kinetic{padding-block:80px 12px;gap:8px 4px}
  .hero-kinetic--original-copy .hero-kinetic-mascot{width:18svh}
  .hero-kinetic-card{max-width:14svh;padding:12px 4px}
  .hero-kinetic-logo{max-height:7svh}
  .hero-kinetic-label{font-size:.6rem;margin-top:6px}
  .hero-kinetic--original-copy .hero-kinetic-copy{margin-top:-12px}
}
/* Subsidiary shortcuts match the reference pill buttons. */
.nav-subsidiaries{display:flex;align-items:center;gap:8px;flex:none}
.site-nav .nav-subsidiary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid rgba(220,167,125,.22);border-radius:999px;background:rgba(255,255,255,.045);color:#f4ebe2;font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;white-space:nowrap;transition:background .2s,border-color .2s}
.site-nav .nav-subsidiary::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#81b9dd;box-shadow:0 0 8px #81b9dd55}
.site-nav .nav-subsidiary--plindaya::before{background:#d7ae65;box-shadow:0 0 8px #d7ae6555}
.site-nav .nav-subsidiary::after{display:none}
.site-nav .nav-subsidiary:hover,.site-nav .nav-subsidiary:focus-visible{background:rgba(220,167,125,.12);border-color:#dca77d}
.site-nav .nav-subsidiary:focus-visible{outline:2px solid #dca77d;outline-offset:3px}
@media(min-width:821px){.site-header .brand{flex:none}.site-nav{gap:clamp(10px,1.35vw,22px)}}
@media(min-width:821px) and (max-width:1100px){.header-inner{gap:16px}.site-nav{font-size:.6rem;gap:10px}.site-nav .nav-subsidiary{font-size:10px;padding-inline:9px;gap:6px}.nav-subsidiaries{gap:6px}.site-nav .nav-contact{padding-inline:12px!important}.site-nav .language-switcher summary{min-width:58px;padding-inline:8px}}
@media(max-width:820px){.nav-subsidiaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-bottom:8px}.site-nav .nav-subsidiary{min-height:44px;padding:10px 8px;font-size:12px;white-space:normal;text-align:center}.site-nav .nav-subsidiary::before{width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){.site-nav .nav-subsidiary{transition:none}}

/* v89 — individual team portraits, bronze service emblems and achievements. */
.vision-team{width:min(1120px,100%);margin:68px auto 0;padding-bottom:96px;text-align:center}
.vision-person{min-width:0;margin:0;display:flex;flex-direction:column;align-items:center}
.vision-person-photo{width:clamp(130px,14vw,180px);aspect-ratio:1;border-radius:50%;padding:7px;border:1px solid #9f70463d;background:linear-gradient(145deg,#eed7bf,#b38b65);box-shadow:0 15px 32px #4d260d15;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.vision-person-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 35%}
.vision-person-photo--empty img{object-position:center}
.vision-person--chairman{margin:0 auto 58px}
.vision-person--chairman .vision-person-photo{width:clamp(205px,23vw,265px);padding:9px;border-color:#9c6c3c70;box-shadow:0 20px 50px #4d260d20}
.vision-person figcaption{padding-top:19px;width:100%}
.vision-person h4{margin:0;color:#32170b;font-size:clamp(16px,1.5vw,20px);line-height:1.45;overflow-wrap:anywhere}
.vision-person p{margin:5px 0 0;color:#775339;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.vision-person--chairman h4{font-size:clamp(21px,2vw,26px)}
.vision-person--chairman p{font-size:15px}
.vision-team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 28px}
.son-services{position:relative;isolation:isolate;overflow:hidden;background:#2b130a;color:#f4ebe2}
.son-services::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,transparent 0 28%,#8b4b2115 28% 54%,transparent 54%),radial-gradient(ellipse at 90% 15%,#80411d55,transparent 58%),linear-gradient(110deg,#1c0c07,#421d0e);pointer-events:none}
.son-services::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#dca77d26 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000);pointer-events:none}
.son-services-inner{padding-block:104px}
.son-section-heading{text-align:center;margin-bottom:58px}
.son-section-heading h2{margin:0;font-size:clamp(2.3rem,4.6vw,4.8rem);line-height:1.15;letter-spacing:-.035em;font-weight:750}
.son-section-heading>span{display:block;width:145px;height:2px;margin:23px auto 0;background:linear-gradient(90deg,transparent,#c59461,transparent)}
.son-services-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:46px 28px;max-width:1140px;margin:auto}
.son-service{grid-column:span 3;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.son-service:nth-child(n+5){grid-column:span 4}
.son-service-emblem{position:relative;width:154px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #d4a67538;border-radius:32px;background:linear-gradient(145deg,#b573341c,#ffffff03);box-shadow:inset 0 1px #e2b68416,0 15px 35px #00000012;transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}
.son-service-emblem img{width:136px;height:136px;object-fit:contain;transition:transform .5s var(--ease)}
.son-service h3{max-width:280px;margin:24px 0 0;color:#ecd5bc;font-size:clamp(15px,1.35vw,18px);font-weight:550;line-height:1.65;overflow-wrap:break-word}
.son-achievements{position:relative;isolation:isolate;overflow:hidden;color:#32170b;background:#d8c1aa}
.son-achievements::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(148deg,#f2e0cd66 0 26%,transparent 26% 68%,#8d542c14 68%),radial-gradient(ellipse at 50% 0,#fff1dc55,transparent 65%);pointer-events:none}
.son-achievements-inner{padding-block:96px}
.son-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.son-stat{position:relative;min-width:0;overflow:hidden;padding:36px 20px 30px;border:1px solid #c3915b55;border-radius:18px;color:#f4ebe2;text-align:center;background:linear-gradient(145deg,#48230f,#281208);box-shadow:0 16px 35px #40220b12;transition:transform .5s var(--ease),box-shadow .5s}
.son-stat::before{content:"";position:absolute;width:150px;height:150px;inset-inline-end:-70px;top:-80px;border:1px solid #dca77d22;border-radius:50%;box-shadow:0 0 0 22px #dca77d05,0 0 0 45px #dca77d03;pointer-events:none}
.son-stat-number{position:relative;padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid #dca77d30}
.son-stat-number strong{display:block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#e8bb82;font-size:clamp(40px,5.2vw,68px);line-height:1.2;font-weight:650}
.son-stat-number strong.counter-long{font-size:clamp(32px,4.3vw,56px)}
.son-stat>span{display:block;font-size:15px;line-height:1.75;color:#e0cbb7}
.son-credentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:min(940px,100%);margin:54px auto 0;padding-top:38px;border-top:1px solid #895b3630}
.son-credential{margin:0;display:grid;place-items:center;padding:16px;border:1px solid #8b613329;border-radius:12px;background:#efdcc444;box-shadow:0 8px 28px #512c1210;transition:transform .5s var(--ease),box-shadow .5s}
.son-credential img{width:100%;height:auto;max-height:225px;object-fit:contain;filter:drop-shadow(0 7px 8px #40220b18)}
@media(hover:hover) and (pointer:fine){
 .vision-person:hover .vision-person-photo{transform:translateY(-6px);box-shadow:0 24px 42px #4d260d26}
 .son-service:hover .son-service-emblem{transform:translateY(-7px);border-color:#e2b68480;box-shadow:0 22px 45px #00000030}
 .son-service:hover .son-service-emblem img{transform:scale(1.06)}
 .son-stat:hover,.son-credential:hover{transform:translateY(-6px);box-shadow:0 20px 38px #40220b25}
}
@media(max-width:980px){
 .vision-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.vision-team-grid .vision-person:last-child{grid-column:2}
 .vision-person-photo{width:170px;max-width:100%}
 .son-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.son-service,.son-service:nth-child(n+5){grid-column:auto}.son-service:last-child{grid-column:1/-1;width:min(330px,100%);justify-self:center}
 .son-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.son-stat-number strong{font-size:64px}
}
@media(max-width:560px){
 .vision-team{width:calc(100% - 32px);margin-top:48px;padding-bottom:62px}.vision-person--chairman{margin-bottom:40px}.vision-person--chairman .vision-person-photo{width:214px}
 .vision-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.vision-team-grid .vision-person:last-child{grid-column:auto}.vision-person-photo{width:145px;padding:5px}.vision-person figcaption{padding-top:13px}.vision-person h4{font-size:16px}.vision-person p{font-size:12px}
 .son-services-inner,.son-achievements-inner{padding-block:66px}.son-section-heading{margin-bottom:38px}.son-section-heading h2{font-size:clamp(28px,8vw,42px)}.son-section-heading>span{margin-top:19px;width:110px}
 .son-services-grid{gap:32px 18px}.son-service-emblem{width:120px;border-radius:25px}.son-service-emblem img{width:106px;height:106px}.son-service h3{margin-top:18px;font-size:14px;line-height:1.6}
 .son-stat-grid{gap:12px}.son-stat{padding:27px 12px 22px;border-radius:14px}.son-stat-number{padding-bottom:16px;margin-bottom:14px}.son-stat-number strong{font-size:clamp(34px,10vw,48px)}.son-stat-number strong.counter-long{font-size:clamp(29px,8.5vw,40px)}.son-stat>span{font-size:12px;line-height:1.7}
 .son-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:26px}.son-credential{padding:12px}.son-credential img{max-height:180px}
}
@media(prefers-reduced-motion:reduce){.vision-person-photo,.son-service-emblem,.son-service-emblem img,.son-stat,.son-credential{transition:none!important;transform:none!important}}

/* v90 — the same brown and geometric layers used by the opening hero. */
.home-reach{background-color:#281205;background-image:linear-gradient(145deg,rgba(255,255,255,.018) 0 28%,transparent 28% 67%,rgba(7,2,0,.1) 67% 100%),linear-gradient(32deg,transparent 0 42%,rgba(124,66,31,.055) 42% 63%,transparent 63% 100%),radial-gradient(circle at 50% 42%,rgba(100,47,20,.16),transparent 44%)}
.home-reach::before{display:none}
.home-reach-inner{padding-block:88px 64px}
.reach-map-frame{width:100%;max-width:1180px;margin:34px auto 28px;padding:0;overflow:hidden;border:1px solid #dca77d24;border-radius:20px;background:#281205;box-shadow:0 18px 45px #00000013}
.reach-map-frame img{display:block;width:100%;height:auto;aspect-ratio:1983/793;object-fit:contain;object-position:center;mix-blend-mode:luminosity;filter:brightness(1.5) contrast(1.16);opacity:.9}
.reach-markets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1120px,100%);margin:0 auto}
.reach-market{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:24px 20px;border:1px solid #d4a67538;border-radius:16px;background:linear-gradient(135deg,#69401b33,#31190d66);box-shadow:inset 0 1px #e2b68412,0 10px 25px #00000010;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.reach-market-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #dca77d36;border-radius:12px;color:#ddb07c;background:#b5733414}
.reach-market-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.reach-market h3{margin:0;padding-block:8px;color:#f4ebe2;font-size:clamp(16px,1.5vw,21px);font-weight:600;line-height:1.4;overflow-wrap:break-word}
.reach-market-code{position:absolute;top:8px;inset-inline-end:12px;color:#cba477;font-size:9px;line-height:1;letter-spacing:.12em;direction:ltr}
@media(hover:hover) and (pointer:fine){.reach-market:hover{transform:translateY(-5px);border-color:#dca77d80;box-shadow:0 18px 35px #00000025}}
@media(max-width:980px){.reach-markets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reach-market h3{font-size:20px}}
@media(max-width:560px){.home-reach-inner{padding:58px 0 42px}.reach-map-frame{margin:26px auto 24px;border-radius:12px}.reach-markets{gap:12px}.reach-market{padding:22px 12px 18px;gap:10px;border-radius:13px}.reach-market-icon{width:34px;height:38px;border-radius:10px}.reach-market-icon svg{width:21px;height:21px}.reach-market h3{font-size:15px;padding-block:5px}.reach-market-code{font-size:8px;top:7px;inset-inline-end:10px}}
@media(max-width:360px){.reach-market{gap:7px;padding-inline:9px}.reach-market h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.reach-market{transition:none}.reach-market:hover{transform:none}}

/* v91 — flag orbits, transparent map, team placement and continuous motion. */
.home-about-story-inner{padding-bottom:94px}
.son-team-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#ecd7bf55 0 27%,transparent 27% 65%,#91542c12 65%),#d7c0aa;color:#32170b}
.son-team-inner{padding-block:94px 82px}
.son-team-section .vision-team{margin-top:0;padding-bottom:0}
.hero-kinetic-mascot{filter:none}
.hero-kinetic-copy::after{display:none;content:none}
.hero-kinetic--original-copy .hero-kinetic-intro{font-size:clamp(15px,1.25vw,19px);line-height:1.8;max-width:660px;color:#e7d7c8}
.hero-company-open{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;margin-top:20px;padding:9px 15px;border:1px solid #dca77d80;border-radius:999px;color:#f5dfc3;background:#442412b3;font-size:12px;font-weight:600;line-height:1.4;animation:son-cta-glow 3.4s ease-in-out infinite}
.hero-company-open svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:son-arrow-invite 2.4s ease-in-out infinite}
html[dir=rtl] .hero-company-open svg{rotate:180deg}
.site-nav .nav-consultation{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid #dca77d77!important;border-radius:999px;background:#dca77d18;color:#ecd0ae!important;font-size:10px;font-weight:600;padding:8px 12px!important;line-height:1.5;letter-spacing:0;text-transform:none;box-shadow:inset 0 1px #e8c99b15}
.site-nav .nav-consultation::after{display:none}
.site-nav .nav-consultation:focus-visible{outline:2px solid #dca77d;outline-offset:4px}
#consultation-request{scroll-margin-top:110px}
.reach-flag-countries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(900px,100%);margin:56px auto 22px;text-align:center}
.reach-flag-country{margin:0;min-width:0}
.reach-flag-orbit{position:relative;width:clamp(112px,13vw,164px);aspect-ratio:1;margin:auto;padding:12px;animation:son-gentle-float 6.4s ease-in-out infinite}
.reach-flag-orbit::before{content:"";position:absolute;inset:0;border:1px solid #dcab7055;border-top:2px solid #f1c58c;border-bottom:2px solid #ab733c;border-radius:50%;box-shadow:0 0 20px #dca77d12;animation:son-orbit-spin 18s linear infinite}
.reach-flag-orbit::after{content:"";position:absolute;top:8px;left:20%;width:5px;height:5px;border-radius:50%;background:#f6d6a4;box-shadow:0 0 10px #ecc17a}
.reach-flag-disc{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid #e9c49470;box-shadow:0 7px 22px #00000035;background:#281205}
.reach-flag-disc img{display:block;width:100%;height:100%;object-fit:cover}
.reach-flag-country--uae .reach-flag-disc img,.reach-flag-country--kuwait .reach-flag-disc img{object-fit:fill}
.reach-flag-country--saudi .reach-flag-disc{background:#005430;display:grid;place-items:center}
.reach-flag-country--saudi .reach-flag-disc img{width:94%;height:94%;object-fit:contain}
.reach-flag-country:nth-child(2) .reach-flag-orbit{animation-delay:-1.6s}.reach-flag-country:nth-child(3) .reach-flag-orbit{animation-delay:-3.2s}.reach-flag-country:nth-child(4) .reach-flag-orbit{animation-delay:-4.8s}
.reach-flag-country figcaption{margin-top:19px;color:#f0dbc3;font-size:clamp(16px,1.8vw,23px);line-height:1.5;font-weight:600}
.reach-map-frame--neon{border:0;border-radius:0;background:transparent;box-shadow:none;width:min(1180px,100%);margin:26px auto 0;overflow:visible}
.reach-map-frame--neon img{aspect-ratio:auto;height:auto;object-fit:contain;mix-blend-mode:normal;opacity:.78;filter:drop-shadow(0 0 6px #d4a36a22);animation:son-map-glow 7s ease-in-out infinite}
.son-service-emblem img{animation:son-gentle-float 6s ease-in-out infinite}
.son-service:nth-child(2n) .son-service-emblem img{animation-delay:-2s}.son-service:nth-child(3n) .son-service-emblem img{animation-delay:-4s}
.son-credential img{animation:son-gentle-float 7s ease-in-out infinite}
.son-credential:nth-child(2n) img{animation-delay:-3.5s}
.son-stat-number strong{animation:son-caption-float 6s ease-in-out infinite,son-number-glow 5.5s ease-in-out infinite}
.son-stat:nth-child(2n) .son-stat-number strong{animation-delay:-2.75s}
.vision-person-photo{animation:son-portrait-float 7s ease-in-out infinite}
.vision-person figcaption{animation:son-caption-float 7s ease-in-out infinite}
.vision-person:nth-child(2n) .vision-person-photo,.vision-person:nth-child(2n) figcaption{animation-delay:-2.3s}
.vision-person:nth-child(3n) .vision-person-photo,.vision-person:nth-child(3n) figcaption{animation-delay:-4.6s}
@keyframes son-gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes son-portrait-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes son-caption-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes son-orbit-spin{to{transform:rotate(360deg)}}
@keyframes son-map-glow{0%,100%{opacity:.72;filter:drop-shadow(0 0 5px #d4a36a22)}50%{opacity:.88;filter:drop-shadow(0 0 9px #d4a36a44)}}
@keyframes son-number-glow{0%,100%{text-shadow:0 0 6px #e8bb8200}50%{text-shadow:0 0 14px #e8bb8238}}
@keyframes son-cta-glow{0%,100%{box-shadow:0 0 0 0 #dca77d00}50%{box-shadow:0 0 0 4px #dca77d0a,0 0 22px #dca77d22}}
@keyframes son-arrow-invite{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(min-width:821px) and (max-width:1220px){.site-header .header-inner{width:calc(100% - 28px);gap:12px}.site-header .site-nav{gap:8px;font-size:10px}.site-header .brand{font-size:13px;gap:8px}.site-header .brand img{width:44px;height:44px}.site-header .brand small{display:none}.site-nav .nav-consultation{font-size:9px;padding-inline:9px!important}.site-nav .nav-subsidiary{font-size:9px;padding-inline:8px}}
@media(max-width:820px){
 .site-nav .nav-consultation{width:100%;min-height:44px;margin-top:12px;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;background:#dca77d12}
 .hero-kinetic--original-copy .hero-kinetic-intro{font-size:14px;line-height:1.7;max-width:520px}
 .hero-company-open{font-size:10px;gap:6px;padding:7px 10px;margin-top:12px}.hero-company-open svg{width:14px;height:14px}
 .reach-flag-countries{gap:20px;margin-top:38px}.reach-flag-orbit{width:120px}.reach-flag-country figcaption{font-size:17px}
}
@media(max-width:560px){
 .home-about-story-inner{padding-bottom:62px}.son-team-inner{padding-block:64px 60px}
 .hero-kinetic--original-copy .hero-kinetic-intro{font-size:13px;line-height:1.7;max-width:340px;margin-top:10px}
 .hero-company-open{font-size:9px;padding:6px 8px;margin-top:9px;gap:5px}
 .reach-flag-countries{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;width:min(360px,100%)}.reach-flag-orbit{width:120px}.reach-flag-country figcaption{font-size:17px;margin-top:13px}.reach-map-frame--neon{margin-top:22px}
 #consultation-request{scroll-margin-top:88px}
}
@media(max-width:820px) and (max-height:480px){.hero-kinetic--original-copy .hero-kinetic-intro{font-size:11px}.hero-company-open{font-size:8px;padding:4px 6px;margin-top:5px}.hero-company-open svg{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){.reach-flag-orbit,.reach-flag-orbit::before,.reach-map-frame--neon img,.son-service-emblem img,.son-credential img,.son-stat-number strong,.vision-person-photo,.vision-person figcaption,.hero-company-open,.hero-company-open svg{animation:none!important}}
@media(min-width:821px) and (max-width:980px){.site-header .brand{font-size:11px;letter-spacing:.08em;gap:6px}.site-header .brand img{width:36px;height:36px}.site-header .site-nav{font-size:9px;gap:6px}.site-nav .nav-consultation{font-size:8px;padding-inline:8px!important}.site-nav .nav-subsidiary{font-size:8px;padding-inline:7px;gap:4px}.site-nav .language-switcher summary{min-width:48px;padding-inline:6px}.site-nav .nav-contact{padding-inline:9px!important}}