@charset "UTF-8";
:root{--ink:#122738;--navy:#0b1b29;--navy2:#142c40;--gold:#ac8960;--gold2:#d6b78c;--cream:#ffffff;--cream2:#f3f5f6;--line:#dde2e6;--muted:#607080;--white:#fff;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:#d5b68a;color:#0c1823}*:focus-visible{outline:3px solid #b58f63;outline-offset:4px} .shell{width:min(1220px,calc(100% - 64px));margin:0 auto} .skip{position:absolute;top:-60px;left:12px;padding:10px 16px;background:white;color:#000;z-index:100}.skip:focus{top:10px}
.topbar{height:32px;background:#091622;color:#aebac5;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.topbar .shell{display:flex;align-items:center;justify-content:space-between}.topbar .dot{width:5px;height:5px;background:var(--gold2);border-radius:50%;display:inline-block;margin-right:9px;vertical-align:2px}.topbar .micro{color:#e9d2b5}.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(11,31,49,.13)}.header-inner{height:88px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:196px;height:auto;max-height:78px;object-fit:contain}.nav{margin-left:auto;display:flex;align-items:center;gap:35px}.nav a{font-size:12px;font-weight:600;color:#2b4351;letter-spacing:.02em;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--gold)}.lang-switch{display:flex;align-items:center;border-left:1px solid #dfe3e7;padding-left:18px;gap:10px;font-size:11px;letter-spacing:.08em;font-weight:800}.lang-switch a{opacity:.44}.lang-switch a[aria-current="page"]{opacity:1;color:#13293b}.lang-switch b{font-weight:400;opacity:.22}.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:23px;padding:9px;margin-left:auto;cursor:pointer}
.hero{background:radial-gradient(ellipse at 80% 42%,#1a3950 0%,#102739 39%,#081722 78%);color:#f6f2e9;min-height:690px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 143px,rgba(255,255,255,.035) 144px);opacity:.5;pointer-events:none}.hero-grid{position:relative;z-index:1;min-height:630px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:0}.hero-content{padding:91px 0 112px}.eyebrow{display:flex;gap:12px;align-items:center;text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:650;color:var(--gold2)}.eyebrow:before{content:"";width:33px;height:1px;background:currentColor;display:block}.hero h1{font-weight:470;font-size:clamp(52px,5.7vw,86px);line-height:1.08;letter-spacing:-.067em;max-width:800px;margin:30px 0 26px}.hero h1 em{font-family:var(--serif);font-weight:400;color:#d7b894;font-style:italic;letter-spacing:-.045em}.hero-desc{font-size:16px;line-height:1.9;color:#b7c6ce;max-width:505px;margin:0 0 36px}.primary-link{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid var(--gold2);padding:0 0 13px;color:#fff;font-size:13px;font-weight:600;transition:gap .25s}.primary-link:hover{gap:47px}.primary-link .arr{color:var(--gold2);font-size:21px}.globe-stage{position:relative;width:100%;aspect-ratio:1/1;display:grid;place-items:center;isolation:isolate}.globe-stage .orbit{position:absolute;inset:8%;border:1px solid rgba(209,177,136,.3);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.009),0 0 0 160px rgba(255,255,255,.008)}.globe-stage:after{content:"";position:absolute;inset:17%;border:1px dashed rgba(209,177,136,.13);border-radius:50%;transform:rotateX(57deg) rotate(-20deg)}.globe-stage img{width:min(88%,445px);filter:drop-shadow(0 24px 50px rgba(0,0,0,.25));position:relative;z-index:2}.hero-stripe{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(9,24,37,.55)}.stripe-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:76px;align-items:center}.stripe-item{font-size:11px;letter-spacing:.15em;color:#d6dadc;text-transform:uppercase;display:flex;align-items:center;gap:14px}.stripe-item i{font-size:10px;color:#b99b76;font-style:normal}.stripe-item:not(:last-child){border-right:1px solid rgba(255,255,255,.15)}.stripe-item:not(:first-child){padding-left:24px}
.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:47px}.section-label{display:block;color:#9b7858;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:750;margin-bottom:20px}.section h2{font-size:clamp(38px,4.2vw,61px);letter-spacing:-.05em;line-height:1.1;font-weight:510;margin:0;max-width:650px}.section h2 em{font-family:var(--serif);font-weight:400;color:#9e7552}.section-head p{font-size:15px;line-height:1.8;color:#6d7880;max-width:330px;margin:0 0 4px}
.brands{background:#fff}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.brand-card{border:1px solid #dfe3e6;background:#fff;min-width:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .23s,box-shadow .23s}.brand-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(10,34,52,.08)}.brand-media{height:225px;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.brand-media img{object-fit:contain;max-width:92%;max-height:140px}.brand-media.prime{background:#f3f5f6}.brand-media.northlab{background:linear-gradient(145deg,#07121f,#18304b)}.brand-media.northway{background:#080b0d}.brand-media.expats{background:linear-gradient(135deg,#eef5f9,#dae9ed)}.brand-media.expats img{max-height:176px;max-width:85%}.brand-media.expats .brand-no{color:#5f8096}.brand-media .brand-no{position:absolute;top:20px;left:22px;font-size:11px;letter-spacing:.16em;color:#a38a69;font-weight:650}.brand-media.northlab .brand-no,.brand-media.northway .brand-no{color:#94a5b3}.brand-detail{padding:31px 29px 28px;flex:1;display:flex;flex-direction:column}.brand-category{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#9b7955;font-weight:700}.brand-detail h3{font-size:26px;letter-spacing:-.037em;margin:12px 0 12px;font-weight:550}.brand-detail p{font-size:14px;line-height:1.85;color:#697780;margin:0 0 35px}.brand-out{display:flex;gap:12px;align-items:center;padding-top:18px;border-top:1px solid #e6eaec;margin-top:auto;color:#20394a;text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:10px}.brand-out .arr{font-size:19px;color:#a8865c;margin-left:auto}.brand-out:hover .arr{transform:translate(3px,-3px);transition:transform .2s}.coming{margin-top:19px;border:1px dashed #cbd2d7;background:#f6f8f9;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px}.coming strong{font-size:14px;font-weight:600}.coming span{font-size:13px;color:#797b78}
.about{background:#f0f3f5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-copy p{font-size:16px;color:#5e6b74;line-height:1.95;max-width:530px}.about-quote{background:#0e2334;color:#f8f5ed;min-height:440px;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.about-quote:after{content:"S";position:absolute;right:-24px;bottom:-105px;font-family:Georgia;font-style:italic;font-size:420px;line-height:1;color:rgba(211,183,145,.075)}.about-quote .mark{font-family:Georgia;font-size:90px;color:#c3a27a;line-height:1}.about-quote blockquote{font-size:clamp(22px,2.4vw,35px);line-height:1.45;letter-spacing:-.025em;font-weight:400;margin:40px 0}.about-quote .foot{font-size:11px;letter-spacing:.16em;color:#b2bec6;text-transform:uppercase}
.principles{background:#fff}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d2d9de;margin-top:55px}.principle{padding-top:29px}.principle span{font-size:12px;color:#a38560}.principle h3{font-weight:600;letter-spacing:-.025em;font-size:20px;margin:17px 0 12px}.principle p{font-size:14px;line-height:1.82;color:#707b83;max-width:330px}
.contact{background:#102638;color:#f4f0e8;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;right:-200px;top:-180px;border:1px solid rgba(196,166,130,.2);height:650px;width:650px;border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.013)}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;position:relative}.contact h2{max-width:750px}.contact .section-label{color:#d8b793}.contact p{color:#bbcad2;max-width:500px;line-height:1.8}.contact-box{border-top:1px solid rgba(255,255,255,.3);padding-top:21px}.contact-box span{color:#c7b293;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.contact-box a{font-size:17px;display:block;margin:12px 0 22px;overflow-wrap:anywhere}.contact-box a:hover{text-decoration:underline}.contact-box small{color:#aec0c8;font-size:12px;line-height:1.8;display:block}.footer{background:#071622;color:#9cabb8;padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-size:17px;color:#fff;font-weight:650;letter-spacing:.13em}.footer-brand em{font-style:normal;font-size:9px;display:block;letter-spacing:.35em;color:#b9a07d;margin-top:4px}.footer p{font-size:11px;margin:0;line-height:1.7}.footer .right{display:flex;align-items:center;gap:20px;font-size:11px}.footer .right a:hover{color:#fff}
@media(max-width:1020px){.nav{gap:18px}.brand img{width:170px}.hero h1{font-size:clamp(49px,6vw,72px)}.about-grid{gap:42px}.about-quote{padding:34px;min-height:390px}.brand-detail{padding:23px}.brand-detail h3{font-size:23px}.brand-media{height:205px}}
@media(max-width:760px){.shell{width:min(100% - 38px,650px)}.topbar{font-size:8px;letter-spacing:.12em;height:30px}.topbar .micro{display:none}.header-inner{height:73px}.brand img{width:155px}.menu-btn{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;margin:0;background:#ffffff;border-top:1px solid #e1e5e8;box-shadow:0 12px 20px rgba(0,0,0,.13);padding:25px 20px;flex-direction:column;align-items:stretch;gap:23px}.nav.open{display:flex}.nav a{font-size:15px}.nav .lang-switch{border-left:0;padding-left:0;padding-top:14px;border-top:1px solid #e1e5e8}.hero{min-height:680px}.hero-grid{min-height:640px;grid-template-columns:1fr}.hero-content{padding:75px 0 200px;z-index:2}.hero h1{font-size:clamp(43px,10.5vw,66px);margin:22px 0}.hero-desc{font-size:14px;max-width:440px}.globe-stage{position:absolute;bottom:95px;right:-175px;opacity:.14;width:360px;pointer-events:none}.hero-stripe .shell{width:100%;padding:0 19px}.stripe-inner{height:96px;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr}.stripe-item{font-size:9px;letter-spacing:.04em;gap:6px;justify-content:center;white-space:nowrap}.stripe-item:not(:first-child){padding-left:6px}.stripe-item:nth-child(3){border-right:1px solid rgba(255,255,255,.15)}.stripe-item:nth-child(1),.stripe-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.1)}.stripe-item i{font-size:8px}.section{padding:76px 0}.section-head{flex-direction:column;align-items:flex-start;gap:19px;margin-bottom:31px}.section h2{font-size:clamp(36px,9vw,52px)}.section-head p{max-width:550px;font-size:14px}.brand-grid{grid-template-columns:1fr;gap:16px}.brand-media{height:190px}.brand-media img{max-height:125px}.brand-detail{padding:25px}.brand-detail p{margin-bottom:24px}.coming{flex-direction:column;align-items:start;gap:7px;padding:20px}.about-grid{grid-template-columns:1fr;gap:28px}.about-copy p{font-size:15px}.about-quote{min-height:300px;padding:30px}.about-quote blockquote{font-size:26px}.principles-grid{grid-template-columns:1fr;gap:3px}.principle{padding-bottom:5px}.contact-grid{grid-template-columns:1fr;gap:30px}.footer-inner{align-items:flex-start;flex-direction:column;gap:19px}.footer .right{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V3: neutral white editorial palette; no cream surfaces. */
.founder{background:#ffffff;padding:100px 0 112px;border-top:1px solid #e7ebee}
.founder-layout{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:0;border:1px solid #dce2e6;min-height:435px}
.founder-art{position:relative;background:linear-gradient(145deg,#102a3e,#081722);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:44px;isolation:isolate}
.founder-art:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(199,164,120,.24);box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.013);z-index:-1}
.founder-art img{max-width:245px;width:75%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}
.founder-art .art-bottom{position:absolute;bottom:27px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.19em;color:#dfc39e;text-transform:uppercase}
.founder-copy{background:#fff;padding:62px clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:center}
.founder-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.07;letter-spacing:-.06em;font-weight:530;margin:0 0 6px}
.founder-role{text-transform:uppercase;letter-spacing:.18em;color:#a3815d;font-size:11px;font-weight:750;margin:6px 0 34px}
.founder-copy p{font-size:15px;line-height:1.92;color:#566574;max-width:590px;margin:0 0 18px}
.founder-track{display:flex;align-items:center;flex-wrap:wrap;gap:11px;border-top:1px solid #e4e9ec;padding-top:20px;margin-top:16px;color:#32495a;text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.13em}
.founder-track b{font-size:12px;color:#b38d63;font-weight:400}
@media(max-width:760px){.founder{padding:64px 0 78px}.founder-layout{grid-template-columns:1fr}.founder-art{min-height:270px}.founder-art img{max-width:200px}.founder-copy{padding:34px 27px 39px}.founder-copy h2{font-size:40px}.founder-copy p{font-size:14px}.founder-role{margin-bottom:22px}.founder-art .art-bottom{bottom:20px;left:24px;right:24px}}

/* V4: additional North Cyprus Expats community brand */
@media(min-width:761px) and (max-width:1100px){.stripe-item{font-size:9px;letter-spacing:.06em;gap:6px}.stripe-item:not(:first-child){padding-left:14px}}


/* V5: Corporate identity video panel & restrained founder portrait */
.hero{min-height:720px;background:linear-gradient(112deg,#081521 0%,#112b3f 72%,#0b2133 100%)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:clamp(30px,4.5vw,70px);min-height:648px}
.hero-content{padding:84px 0 115px}
.hero h1{font-size:clamp(48px,4.85vw,76px);line-height:1.09;letter-spacing:-.06em;max-width:660px}
.hero-desc{max-width:510px}
.hero-secondary{margin-top:27px;font-size:10px;letter-spacing:.15em;color:#899fae;text-transform:uppercase;line-height:1.7}
.hero-film{width:100%;min-width:0;align-self:center;padding:6px 0 45px}
.film-frame{position:relative;aspect-ratio:16/9;border:1px solid rgba(218,190,151,.38);background:#eef0f2;overflow:hidden;box-shadow:0 26px 74px rgba(0,0,0,.29);border-radius:4px}
.film-frame:before{content:"";position:absolute;inset:9px;z-index:1;outline:1px solid rgba(22,47,67,.10);pointer-events:none}
.brand-film{height:100%;width:100%;display:block;object-fit:contain;background:#e9ebef}
.film-toggle{position:absolute;right:18px;bottom:18px;z-index:5;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(5,27,42,.3);border-radius:50%;cursor:pointer;background:rgba(255,255,255,.86);font-weight:650;font-size:13px;color:#122638;box-shadow:0 3px 12px rgba(8,21,32,.12)}
.film-toggle:hover{background:#fff}
.film-caption{display:flex;align-items:center;gap:11px;color:#b9c5cc;font-size:10px;font-weight:650;letter-spacing:.2em;padding-top:17px;text-transform:uppercase}
.film-caption-mark{width:28px;height:1px;background:#c0a078}
.film-caption-time{margin-left:auto;color:#c1a885;font-variant-numeric:tabular-nums}
.founder{padding:100px 0;background:#f6f8f9}
.founder-layout{grid-template-columns:275px minmax(0,1fr);border:1px solid #dce2e6;min-height:0;background:#fff;align-items:stretch}
.founder-art{padding:45px 24px;display:flex;flex-direction:column;justify-content:center;gap:28px;background:linear-gradient(165deg,#10283c,#0b1a28)}
.founder-art:before{width:320px;height:320px;box-shadow:0 0 0 60px rgba(255,255,255,.02)}
.founder-image-ring{width:212px;height:212px;overflow:hidden;border:3px solid rgba(201,172,130,.70);border-radius:16px;background:#eee;box-shadow:0 12px 34px rgba(0,0,0,.24)}
.founder-art img{width:100%;height:100%;max-width:none;object-fit:cover;filter:none}
.founder-image-note{font-size:10px;letter-spacing:.22em;color:#c8aa81;text-transform:uppercase;text-align:center}
.founder-image-note b{font-weight:400;padding:0 5px;color:#728597}
.founder-copy{padding:45px clamp(30px,4.4vw,65px)}
.founder-copy h2{font-size:clamp(37px,4vw,55px)}
.founder-role{margin-bottom:22px;letter-spacing:.12em}
.founder-copy p{font-size:14px;line-height:1.87;max-width:790px;margin-bottom:16px}
.founder-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0 15px}
.founder-facts span{border-left:2px solid #b58e61;padding:7px 12px;background:#f7f9fa;color:#425868;font-size:10px;font-weight:700;line-height:1.45;letter-spacing:.09em}
.founder-detail{border-top:1px solid #e0e5e8;margin-top:15px}
.founder-detail summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;cursor:pointer;color:#30475a;font-size:12px;font-weight:700;letter-spacing:.02em;list-style:none}
.founder-detail summary::-webkit-details-marker{display:none}
.detail-plus{font-size:21px;font-weight:350;color:#aa8358}
.founder-detail[open] .detail-plus{transform:rotate(45deg)}
.founder-detail-body{padding:0 0 6px}
.founder-detail-body p{font-size:13px;color:#647380}
@media(min-width:761px) and (max-width:1100px){
 .hero-grid{grid-template-columns:1.02fr .98fr;gap:26px}.hero h1{font-size:clamp(43px,5.2vw,64px)}
 .founder-layout{grid-template-columns:240px 1fr}.founder-image-ring{width:190px;height:190px}
}
@media(max-width:760px){
 .hero{min-height:auto;padding-bottom:95px}
 .hero-grid{display:flex;flex-direction:column;gap:8px;min-height:0}
 .hero-content{padding:64px 0 16px}
 .hero h1{font-size:clamp(43px,10.2vw,62px);margin:22px 0}
 .hero-secondary{margin-top:18px;font-size:9px}
 .hero-film{padding:14px 0 42px;width:100%}
 .film-frame{box-shadow:0 16px 40px rgba(0,0,0,.26)}
 .film-caption{font-size:9px;padding-top:13px}
 .hero-stripe{position:absolute;bottom:0}
 .founder{padding:68px 0}
 .founder-layout{display:flex;flex-direction:column}
 .founder-art{min-height:0;padding:28px 20px;gap:15px}
 .founder-art:before{width:230px;height:230px}
 .founder-image-ring{width:148px;height:148px;border-radius:13px}
 .founder-copy{padding:32px 24px}
 .founder-copy h2{font-size:39px}
 .founder-facts{gap:7px}
 .founder-facts span{font-size:9px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.brand-film{animation:none}}

/* ------------------------------------------------------------------
   V8 / MOTION EDITION  ·  Chapter-driven, lightweight, no libraries
   ------------------------------------------------------------------ */
:root{--v8-gold:#c6a77b;--v8-deep:#071625;--v8-ease:cubic-bezier(.22,1,.36,1)}
body.v8-dynamic{overflow-x:clip}
.reading-progress{position:fixed;z-index:90;left:0;top:0;height:3px;width:100%;background:#c7a67b;transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{transition:box-shadow .35s ease,background .35s ease}
.header.is-scrolled{box-shadow:0 12px 36px rgba(6,25,39,.1);background:rgba(255,255,255,.94)}
.nav a{position:relative}
.nav a:after{content:"";position:absolute;height:1px;bottom:-8px;left:0;right:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav a:hover:after,.nav a[data-active="true"]:after{transform:scaleX(1)}
.hero{background:#0b2031;isolation:isolate;min-height:730px}
.hero:before{background:radial-gradient(circle at 78% 25%,rgba(61,108,144,.27),transparent 42%),repeating-linear-gradient(90deg,transparent 0,transparent 160px,rgba(255,255,255,.033) 161px);opacity:1}
.hero:after{content:"";position:absolute;top:-440px;right:-160px;width:900px;height:900px;border:1px solid rgba(199,162,115,.13);border-radius:50%;box-shadow:0 0 0 140px rgba(255,255,255,.014),0 0 0 280px rgba(255,255,255,.012);z-index:-1;pointer-events:none}
.hero-grid{min-height:660px;grid-template-columns:minmax(0,1fr) minmax(0,1.19fr);gap:clamp(20px,3.2vw,60px)}
.hero-content{padding:91px 0 118px;position:relative;z-index:2}
.hero h1{font-size:clamp(51px,5vw,79px);margin-top:31px;line-height:1.045;letter-spacing:-.065em}
.hero-desc{font-size:15px;max-width:505px}
.hero-film{position:relative;isolation:isolate;padding:12px 0 57px;z-index:2}
.film-frame{border:1px solid rgba(198,166,122,.26);border-radius:2px;box-shadow:0 45px 96px rgba(0,0,0,.38);transition:transform .7s var(--v8-ease),box-shadow .7s ease}
.hero-film:hover .film-frame{transform:translateY(-5px);box-shadow:0 55px 108px rgba(0,0,0,.44)}
.film-orbit{position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(205,166,113,.27);width:520px;height:520px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-56%) rotate(-14deg);animation:v8Orbit 30s linear infinite}
.film-orbit.orbit-two{width:660px;height:660px;border-style:dashed;opacity:.35;animation-duration:44s;animation-direction:reverse}
.film-caption{color:#d0d8dc}
.hero-scroll-hint{position:absolute;bottom:95px;right:max(32px,calc((100% - 1220px)/2));display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.23em;color:#c7aa85;z-index:5}
.hero-scroll-hint i{display:block;height:28px;width:1px;background:linear-gradient(transparent,#c5a67d);animation:v8Scroll 1.65s ease-in-out infinite}
/* The marquee is a decorative interlude, not navigation or required copy */
.kinetic-band{overflow:hidden;background:#d0af80;color:#142637;white-space:nowrap;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(18,39,56,.2);height:80px;display:flex;align-items:center;position:relative}
.kinetic-track{display:flex;align-items:center;width:max-content;animation:v8Ticker 42s linear infinite;will-change:transform}
.kinetic-track span{font-size:clamp(16px,2.15vw,29px);font-weight:670;letter-spacing:-.038em;margin:0 28px}
.kinetic-track b{font-size:18px;font-weight:400;color:#fff7e9}
/* Bolder editorial rhythm, not identical rectangles all the way down */
.brands{background:#f9fbfc}
.section-head{margin-bottom:56px}
.brand-grid{gap:24px}
.brand-card{background:#fff;border:1px solid #dde4e8;transition:transform .65s var(--v8-ease),box-shadow .5s ease,border-color .4s ease;position:relative}
.brand-card:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#8b6f50,#ddc4a0);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--v8-ease)}
.brand-card:hover{transform:translateY(-10px);box-shadow:0 36px 70px rgba(11,33,48,.13);border-color:#c8b49c}
.brand-card:hover:after{transform:scaleX(1)}
.brand-media{height:245px;overflow:hidden;isolation:isolate}
.brand-media:before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.23),transparent 45%);transform:translateX(-14%);transition:transform .8s var(--v8-ease)}
.brand-card:hover .brand-media:before{transform:translateX(18%)}
.brand-media img{max-height:145px;transform:scale(1);transition:transform .8s var(--v8-ease);will-change:transform}
.brand-card:hover .brand-media img{transform:scale(1.06)}
.brand-card:nth-child(even){transition-delay:.06s}
.brand-card .brand-no{font-variant-numeric:tabular-nums}
.brand-detail{padding:35px 36px 29px}
.brand-detail h3{font-size:29px}
.brand-out .arr{transition:transform .25s var(--v8-ease)}
/* Immersive brand manifesto chapter, inspired by the parallax storytelling pattern */
.vision-stage{position:relative;min-height:640px;padding:110px 0 100px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 50%,#203e56 0%,#0a2032 48%,#051421 100%);color:#f7f5ef}
.vision-grid{position:absolute;inset:0;z-index:-1;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0,transparent 179px,rgba(230,231,225,.095) 180px),linear-gradient(0deg,transparent 94%,rgba(200,170,132,.07) 95%)}
.vision-depth{position:absolute;right:2%;top:7%;height:86%;aspect-ratio:1;display:grid;place-items:center;z-index:-1;opacity:.21;filter:grayscale(.25);transform:translateY(var(--vision-y,0px));will-change:transform}
.vision-depth img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 80px #c0a077)}
.vision-stage:after{content:"";position:absolute;right:-120px;top:-120px;width:750px;height:750px;border:1px solid rgba(210,178,136,.23);border-radius:50%;box-shadow:0 0 0 120px rgba(213,193,166,.016),0 0 0 240px rgba(213,193,166,.014);z-index:-1;pointer-events:none}
.vision-content{position:relative;z-index:2}
.vision-overline{font-size:11px;letter-spacing:.24em;color:#d4b88f;font-weight:650}
.vision-stage h2{margin:40px 0 80px;font-size:clamp(48px,6.7vw,112px);line-height:1.08;letter-spacing:-.062em;font-weight:460;max-width:1130px;text-wrap:balance}
.vision-stage h2 em{font-family:var(--serif);color:#d5b68c;font-style:italic;font-weight:400}
.vision-bottom{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:30px;max-width:1090px}
.vision-rule{width:88px;height:1px;background:#d0ab7c}
.vision-bottom p{max-width:540px;color:#b7c8d3;font-size:15px;line-height:1.85;margin:0}
.vision-bottom a{font-size:12px;color:#fff;padding:13px 0;border-bottom:1px solid #c0a279;white-space:nowrap;display:flex;gap:35px;align-items:center;transition:gap .25s ease}
.vision-bottom a:hover{gap:48px}
.vision-bottom a span{color:#d6b78b;font-size:20px}
.vision-index{position:absolute;bottom:30px;right:35px;color:rgba(255,255,255,.32);font-size:10px;letter-spacing:.25em}
.about{background:#f3f6f8}
.about-quote{transition:transform .6s var(--v8-ease),box-shadow .6s ease}
.about-quote:hover{transform:translateY(-4px);box-shadow:0 30px 55px rgba(14,35,52,.15)}
.founder{background:#fff}
.founder-layout{box-shadow:0 25px 60px rgba(14,37,54,.065)}
.founder-art:before{animation:v8Pulse 12s ease-in-out infinite}
.founder-image-ring{transition:transform .65s var(--v8-ease)}
.founder-layout:hover .founder-image-ring{transform:translateY(-4px)}
.principle{position:relative;transition:transform .35s ease}
.principle:before{content:"";position:absolute;width:0;height:2px;top:-1px;left:0;background:#b38e62;transition:width .6s var(--v8-ease)}
.principle:hover:before{width:65%}
.principle:hover{transform:translateY(-3px)}
.contact{background:radial-gradient(ellipse at 75% 40%,#1c435b 0%,#0c2336 58%,#061520 100%)}
.contact:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;top:-120px;left:16%;border:1px solid rgba(194,163,125,.1);box-shadow:0 0 0 90px rgba(194,163,125,.016);pointer-events:none}
.back-top{position:fixed;right:28px;bottom:28px;z-index:45;background:#102e44;color:white;height:49px;width:49px;display:grid;place-items:center;font-size:23px;border:1px solid rgba(220,190,149,.5);box-shadow:0 8px 30px rgba(3,20,32,.23);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .28s,transform .28s,background .25s}
.back-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{background:#ac8960}
/* default content remains visible; JS opt-in animation */
@media(prefers-reduced-motion:no-preference){
 .motion-ready [data-reveal]{opacity:0;transform:translateY(56px);transition:opacity .9s var(--v8-ease),transform .9s var(--v8-ease)}
 .motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
 .motion-ready [data-hero-entry]{animation:v8HeroEnter 1.1s var(--v8-ease) both}
 .motion-ready [data-hero-entry].hero-film{animation-delay:.18s}
 .motion-ready .vision-overline,.motion-ready .vision-stage h2,.motion-ready .vision-bottom{opacity:0;transform:translateY(44px);transition:transform 1s var(--v8-ease),opacity .8s ease}
 .motion-ready .vision-stage.is-visible .vision-overline,.motion-ready .vision-stage.is-visible h2,.motion-ready .vision-stage.is-visible .vision-bottom{opacity:1;transform:none}
 .motion-ready .vision-stage.is-visible h2{transition-delay:.12s}
 .motion-ready .vision-stage.is-visible .vision-bottom{transition-delay:.26s}
}
@keyframes v8Ticker{to{transform:translateX(-50%)}}
@keyframes v8Scroll{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.5}50%{transform:scaleY(1);opacity:1}}
@keyframes v8Orbit{to{transform:translate(-50%,-56%) rotate(346deg)}}
@keyframes v8HeroEnter{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}
@keyframes v8Pulse{50%{transform:scale(1.045)}}
@media(max-width:1020px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}
 .hero h1{font-size:clamp(43px,5.7vw,68px)}
 .vision-stage{min-height:570px;padding:100px 0}
 .vision-stage h2{font-size:clamp(43px,6.5vw,82px)}
 .vision-bottom{grid-template-columns:70px 1fr;gap:18px}
 .vision-bottom a{grid-column:2;justify-self:start}
 .vision-rule{width:60px}
}
@media(max-width:760px){
 .hero{min-height:auto;padding-bottom:95px}
 .hero-grid{min-height:auto;display:flex;flex-direction:column;gap:7px}
 .hero-content{padding:74px 0 13px}
 .hero h1{font-size:clamp(43px,10.7vw,63px)}
 .hero-desc{font-size:14px;line-height:1.7}
 .hero-film{width:100%;padding:23px 0 44px}
 .film-orbit{width:340px;height:340px}.film-orbit.orbit-two{width:460px;height:460px}
 .hero-scroll-hint{display:none}
 .header{backdrop-filter:none}
 .kinetic-band{height:65px}.kinetic-track span{font-size:18px;margin:0 16px}.kinetic-track b{font-size:14px}
 .brand-grid{grid-template-columns:1fr}.brand-detail{padding:26px 25px}.brand-media{height:210px}
 .vision-stage{min-height:0;padding:93px 0 83px}
 .vision-stage h2{font-size:clamp(39px,10vw,63px);margin:30px 0 52px}
 .vision-overline{font-size:9px;line-height:1.8;letter-spacing:.14em}
 .vision-depth{height:75%;right:-47%;top:8%;opacity:.14}
 .vision-bottom{grid-template-columns:1fr;gap:20px}
 .vision-rule{width:66px}.vision-bottom a{grid-column:auto}
 .vision-bottom p{font-size:14px}
 .section-head{gap:25px}
 .about-quote:hover,.brand-card:hover{transform:none;box-shadow:none}
 .founder-layout:hover .founder-image-ring{transform:none}
 .back-top{right:16px;bottom:16px;width:44px;height:44px}
 .motion-ready [data-reveal]{transform:translateY(28px)}
}
@media(prefers-reduced-motion:reduce){
 .kinetic-track,.film-orbit,.founder-art:before,.hero-scroll-hint i{animation:none!important}
 .motion-ready [data-reveal],.motion-ready .vision-stage h2,.motion-ready .vision-bottom,.motion-ready .vision-overline{opacity:1!important;transform:none!important}
 .vision-depth{transform:none!important}
}
@media(hover:hover){.kinetic-band:hover .kinetic-track{animation-play-state:paused}}

/* === V9 / verified visual direction, simplified video, WhatsApp contact === */
.header{background:#fff;box-shadow:0 2px 16px rgba(5,22,35,.075)}
.header-inner{height:100px;gap:34px}
.brand img{width:226px;max-height:88px}
.nav{gap:27px}
.nav a{font-size:13px;font-weight:700}


.brand-media.northlab,.brand-media.northway{background:#000!important}
.brand-media.northlab:before,.brand-media.northway:before{display:none!important}
.brand-media.northlab img{max-width:88%;max-height:165px}
/* No advertising-style film controls or border */
.film-frame,.hero-film .film-frame{border:0!important;outline:0!important;box-shadow:0 32px 80px rgba(0,0,0,.31)!important;background:transparent;border-radius:9px;overflow:hidden}
.film-frame:before{display:none!important}
.brand-film{object-fit:cover;background:#0c2031;border-radius:9px}
.hero-film{padding-bottom:16px}
.hero-film:hover .film-frame{transform:none;box-shadow:0 32px 80px rgba(0,0,0,.31)!important}
.kinetic-band,.film-caption,.film-toggle{display:none!important}
.whatsapp-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:57px;margin:18px 0!important;padding:16px 21px;background:#21a562;color:#fff!important;border-radius:6px;font-weight:750;font-size:16px!important;text-decoration:none!important;max-width:100%;white-space:normal;overflow-wrap:normal!important;box-shadow:0 8px 20px rgba(2,14,9,.18)}
.whatsapp-cta:hover{background:#16884e;color:#fff!important;transform:translateY(-2px)}
.contact-location{margin-top:14px}



@media(max-width:1050px){.header-inner{height:86px}.brand img{width:190px}.nav{gap:16px}.nav a{font-size:11px}}
@media(max-width:760px){.header-inner{height:79px}.brand img{width:166px}.nav{top:79px}.nav a{font-size:15px}.nav }
@media(prefers-reduced-motion:reduce){.whatsapp-cta{transition:none}}

/* Header navigation becomes a drawer before translated labels crowd the bar */
@media (min-width:761px) and (max-width:1120px){
 .header-inner{height:85px}.brand img{width:196px}
 .menu-btn{display:block}
 .nav{display:none;position:absolute;top:85px;left:0;right:0;margin:0;background:#fff;border-top:1px solid #e1e5e8;box-shadow:0 15px 26px rgba(0,0,0,.14);padding:25px max(22px,calc((100vw - 1200px)/2));flex-direction:column;align-items:stretch;gap:24px}
 .nav.open{display:flex}.nav a{font-size:15px}.nav 
 .lang-switch{border-left:0;padding-left:0;padding-top:12px;border-top:1px solid #e1e5e8}
}

/* V9.2 — contact action: restrained text link, not a sales-style green block */
.contact-box>span{display:block;margin-bottom:11px}
.contact-box .whatsapp-cta{display:inline-flex!important;align-items:center;justify-content:flex-start;min-height:0!important;max-width:100%;width:max-content;margin:10px 0 17px!important;padding:0 1px 9px!important;background:transparent!important;color:#f5f1e9!important;border:0;border-bottom:1px solid #c7a77b;border-radius:0!important;box-shadow:none!important;font-size:13px!important;line-height:1.5;font-weight:600!important;letter-spacing:.025em;text-transform:none;white-space:normal;overflow-wrap:anywhere;transition:color .2s ease,border-color .2s ease,opacity .2s ease;transform:none!important}
.contact-box .whatsapp-cta:hover,.contact-box .whatsapp-cta:focus-visible{color:#e9cda4!important;border-bottom-color:#f3d9ac;transform:none!important;box-shadow:none!important}
.contact-box small{max-width:310px}
@media(max-width:760px){.contact-box .whatsapp-cta{font-size:13px!important;margin-top:8px!important}}