
/* BEKALY STUDIO / corporate redesign — restrained, editorial, responsive */
:root{--ink:#132b30;--forest:#143e39;--pine:#276b58;--lime:#cee69c;--sand:#f5f5ef;--paper:#fffefa;--sage:#eaf0e9;--line:#d9e2dc;--muted:#526b6a;--copper:#d47a4a;--night:#0a272b}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);font:16px/1.65 "Aptos","Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}img{display:block}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{letter-spacing:-.046em;line-height:1.08}h1,h2,h3,h4{text-wrap:balance}
p{max-width:72ch}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d6a05f;outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(100% - 2 * clamp(19px,4.4vw,76px),1340px);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--pine);font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.eyebrow::before{content:"";display:inline-block;width:18px;height:2px;background:currentColor}
.section{padding:clamp(76px,10vw,146px) 0}
.section-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:24px;align-items:end;margin-bottom:38px}
.section-top h2,.section-heading h2{font-size:clamp(36px,4.8vw,69px);font-weight:720;max-width:960px;margin-top:19px}
.section-top>p,.section-heading>p{font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:var(--muted)}
.section-top em,h1 em,.section-heading em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;font-style:italic}
.line{height:1px;background:var(--line);margin:26px 0}
.muted{color:var(--muted)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;gap:16px;padding:12px 24px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:850;letter-spacing:.015em;transition:transform .18s ease,background .18s ease;white-space:normal;text-align:center}
.button:hover{transform:translateY(-2px)}
.button-light{background:var(--lime);color:var(--night)}
.button-light:hover{background:white}
.button-dark{background:var(--night);color:white}
.button-dark:hover{background:var(--pine)}
.button-outline{border-color:#b6d9c3;color:white;background:transparent}
.button-outline:hover{background:#204a42}
.inline-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px;font-weight:800}
.inline-link:hover{color:var(--pine)}
.skip-link{position:absolute;left:12px;top:-80px;z-index:200;background:white;padding:12px 16px}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,254,250,.97);border-bottom:1px solid #d5e0da;backdrop-filter:blur(16px)}
.header-inner{height:83px;display:flex;align-items:center;gap:28px}
.site-logo{width:174px;flex:none;display:block}
.site-logo img{width:100%;height:auto}
.site-nav{display:flex;gap:clamp(9px,1.3vw,21px);align-items:center;margin-left:auto}
.site-nav a{font-size:12px;font-weight:750;white-space:nowrap}
.site-nav a:hover,.lang-switch a:hover{color:#287554}
.nav-actions{display:flex;align-items:center;gap:16px}
.lang-switch{display:flex;gap:8px;font-size:11px;font-weight:850}
.lang-switch a{padding:6px 2px}
.lang-switch a[aria-current="page"]{border-bottom:2px solid var(--pine)}
.nav-cta{min-height:41px;padding:9px 15px;font-size:12px}
.menu-button{display:none;background:none;color:var(--ink);border:1px solid #bfd0c5;border-radius:5px;padding:9px 11px;font-weight:800;min-height:42px}
.hero{background:var(--night);color:white;isolation:isolate;overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;right:-200px;bottom:-280px;width:650px;height:650px;border-radius:50%;border:110px solid #28584e44;z-index:-1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(28px,5vw,83px);align-items:stretch;min-height:650px;padding-block:clamp(32px,4vw,55px)}
.hero-copy{align-self:center;min-width:0;padding:36px 0}
.hero .eyebrow{color:#b4e29c}
.hero h1{font-size:clamp(46px,5.45vw,84px);font-weight:760;line-height:1.025;max-width:860px;margin:24px 0 24px}
.hero h1 em{color:var(--lime);display:block}
.hero-intro{font-size:clamp(17px,1.6vw,21px);color:#d9e8e2;line-height:1.68;max-width:610px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-meta{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:52px;border-top:1px solid #5a7b72;padding-top:19px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#b8d7cb;text-transform:uppercase}
.hero-photo{position:relative;min-height:570px;margin:0;overflow:hidden;border-radius:7px;background:#466a60}
.hero-photo>img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.hero-photo::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071d20bd)}
.hero-photo figcaption{position:absolute;z-index:1;bottom:28px;left:28px;right:24px;color:white}
.hero-photo figcaption small{font-size:11px;font-weight:850;color:#d2efa9;letter-spacing:.12em;text-transform:uppercase}
.hero-photo figcaption strong{display:block;margin-top:11px;font-size:clamp(21px,2.4vw,31px);line-height:1.2;letter-spacing:-.035em}
.trust-rail{background:#e6eddf;border-bottom:1px solid #d4dfd3}
.trust-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.trust-item{padding:24px 31px;border-left:1px solid #c6d8c9}
.trust-item:first-child{border-left:0;padding-left:0}
.trust-item small{display:block;font-size:10px;letter-spacing:.11em;color:#517364;font-weight:850;text-transform:uppercase}
.trust-item strong{display:block;font-size:17px;letter-spacing:-.02em;line-height:1.4;margin-top:6px}
.thesis{background:var(--paper)}
.thesis-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);align-items:center}
.thesis h2{font-size:clamp(42px,5.7vw,78px);line-height:1.02;margin:24px 0 24px}
.thesis h2 em{display:block;color:var(--pine)}
.thesis p{color:var(--muted);font-size:17px;line-height:1.8}
.system-diagram{padding:clamp(24px,4vw,49px);background:#edf3ec;border:1px solid #d5e3d8;border-radius:9px;display:grid;gap:11px}
.diagram-card{background:white;border:1px solid #dce7de;border-radius:6px;padding:19px 22px;display:grid;grid-template-columns:115px 1fr;gap:14px;align-items:center}
.diagram-card:nth-child(2){background:#173f38;color:white;border-color:#173f38}
.diagram-card>span{font-size:10px;color:#4d8d72;font-weight:850;text-transform:uppercase;letter-spacing:.11em}
.diagram-card:nth-child(2)>span{color:#bfe2a0}
.diagram-card strong{font-size:18px;letter-spacing:-.025em;line-height:1.25}
.diagram-card small{display:block;color:#6b8179;font-size:12px;line-height:1.5;margin-top:5px}
.diagram-card:nth-child(2) small{color:#d3e5dc}
.diagram-arrow{text-align:center;color:#72a586;line-height:1;font-size:20px}
.offers{background:#f1f4ed}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.audience-card{display:grid;grid-template-columns:39% 61%;min-width:0;min-height:334px;overflow:hidden;background:var(--paper);border:1px solid #dce4dc;border-radius:8px}
.audience-image{position:relative;background:#c7d7cb;overflow:hidden}
.audience-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.audience-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#152c31a8)}
.audience-image span{position:absolute;z-index:1;left:20px;bottom:20px;color:white;font-size:35px;font-weight:800;letter-spacing:-.08em}
.audience-body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,2.5vw,37px);min-width:0}
.audience-body small{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--pine)}
.audience-body h3{font-size:clamp(24px,2.35vw,34px);margin:16px 0}
.audience-body p{font-size:14px;color:#526966;line-height:1.7;margin-bottom:22px}
.audience-body>a{font-size:12px;font-weight:850;margin-top:auto;color:#1d634b;border-bottom:1px solid #78a889;padding-bottom:5px}
.audience-body>a:hover{color:var(--copper)}
.focus{background:var(--paper)}
.focus-main{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-bottom:30px;align-items:stretch}
.focus-lead{padding:35px;background:var(--forest);color:white;border-radius:9px}
.focus-lead h2{font-size:clamp(35px,4.4vw,61px);margin:26px 0}
.focus-lead h2 em{color:var(--lime)}
.focus-lead p{font-size:16px;line-height:1.75;color:#d6e9e0}
.focus-photos{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.focus-photos figure{position:relative;min-height:390px;overflow:hidden;margin:0;border-radius:9px}
.focus-photos img{position:absolute;width:100%;height:100%;object-fit:cover}
.focus-photos figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#112d30c4)}
.focus-photos figcaption{position:absolute;left:22px;bottom:23px;right:16px;color:white;z-index:1;font-size:21px;font-weight:800;line-height:1.2}
.focus-photos figcaption small{display:block;font-size:10px;color:#cff1bc;letter-spacing:.12em;margin-bottom:8px}
.sector-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.sector{border-top:3px solid #2a7960;background:#f0f4ef;padding:23px 24px;min-width:0}
.sector strong{display:block;font-size:23px;letter-spacing:-.03em;line-height:1.25}
.sector p{font-size:13px;line-height:1.65;margin-top:10px;color:var(--muted)}
.future-markets{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.future-markets h3{font-size:21px;margin-bottom:10px}
.future-markets p{font-size:14px;color:var(--muted)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag{display:inline-block;border:1px solid #b6d1be;padding:6px 11px;border-radius:3px;font-size:11px;color:#315c50;font-weight:750}
.delivery{background:#102f33;color:white}
.delivery .section-top>p{color:#c5d9d4}
.delivery .eyebrow{color:var(--lime)}
.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.operation-card{background:#1e4544;border:1px solid #3e6460;padding:clamp(27px,3vw,42px);border-radius:8px}
.operation-card small{font-size:11px;font-weight:900;color:#bfe3a4;letter-spacing:.1em;text-transform:uppercase}
.operation-card h3{font-size:clamp(27px,3.1vw,41px);margin:20px 0 18px;color:white}
.operation-card p{font-size:15px;color:#d4e4dc;line-height:1.7}
.capability-tags{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 0}
.capability-tags span{padding:7px 10px;border:1px solid #719188;border-radius:4px;font-size:11px;color:#e4f0e8}
.dealer-names{display:grid;gap:9px;margin:23px 0}
.dealer-names span{font-size:16px;line-height:1.3;border-left:3px solid var(--lime);padding:6px 0 6px 13px;font-weight:800}
.note{font-size:12px!important;line-height:1.7!important;color:#bacdc8!important}
.aegean-band{margin-top:16px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;padding:26px 30px;background:#234f46;border-radius:8px;align-items:center}
.aegean-band strong{font-size:19px}
.aegean-band p{font-size:13px;color:#d5e4da}
.process-line{margin-top:48px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.process-step{padding:18px 14px 18px 0;border-top:1px solid #71938a}
.process-step span{font-size:11px;font-weight:900;color:var(--lime)}
.process-step h4{margin:13px 0 10px;font-size:17px;line-height:1.22}
.process-step p{font-size:12px;color:#bacfc7}
.model-section{background:#f6f6f0}
.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.model-card{background:white;border:1px solid var(--line);border-radius:7px;padding:clamp(20px,2.5vw,31px);display:flex;flex-direction:column;gap:14px;min-width:0}
.model-card.preferred{background:#e5f1e1;border:2px solid #86b77a}
.model-card>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#276950}
.model-card h3{font-size:25px;line-height:1.17}
.model-card>p{font-size:13px;color:#526c68;line-height:1.65}
.model-facts{margin-top:auto;padding-top:17px;border-top:1px solid #d5dfd5;display:grid;gap:7px}
.model-facts small{color:#648277;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.model-facts strong{font-size:13px;line-height:1.5}
.funding-band{margin-top:25px;background:var(--night);color:white;padding:clamp(24px,4vw,44px);border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.funding-band h3{font-size:clamp(23px,2.7vw,35px);margin-bottom:12px;color:white}
.funding-band p{font-size:14px;color:#d6e7e0}
.maps{background:#edf2ec}
.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.map-card{background:#0b3035;color:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.map-card-head{padding:21px 25px 14px;display:grid;gap:8px}
.map-card-head strong{font-size:15px;letter-spacing:.01em}
.map-card-head p{font-size:12px;color:#c4d6d0}
.map-card img{display:block;width:100%;height:auto;aspect-ratio:900/490;background:#0b3035}
.map-caption{border-top:1px solid #335c60;padding:17px 25px 22px;font-size:12px;color:#b8d7cb;line-height:1.6;flex:1}
.desk{background:#fffefa}
.desk .section-top h2 em{color:var(--pine)}
.desk-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.desk-feature{min-height:420px;display:flex;align-items:flex-end;position:relative;color:white;border-radius:8px;overflow:hidden;background:#16433d;scroll-margin-top:110px}
.desk-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.desk-feature:after{content:"";position:absolute;inset:15% 0 0;background:linear-gradient(transparent 15%,#071b20ec)}
.desk-feature-body{position:relative;z-index:1;padding:clamp(22px,3vw,34px);width:100%}
.desk-feature-body small{color:#c6e9aa;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.desk-feature-body h3{font-size:clamp(26px,2.7vw,39px);margin:14px 0}
.desk-feature-body p{font-size:13px;line-height:1.6;color:#d5e4de}
.desk-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.desk-mini details{border:1px solid #d5e1d9;border-radius:7px;background:#f2f5ef;padding:0 20px;min-width:0}
.desk-mini summary{cursor:pointer;list-style:none;padding:22px 0;display:grid;grid-template-columns:27px 1fr 23px;align-items:center;gap:12px}
.desk-mini summary::-webkit-details-marker{display:none}
.desk-mini .d-num{color:#2a7356;font-size:12px;font-weight:900}
.desk-mini .d-title{font-size:16px;font-weight:800;line-height:1.25}
.desk-mini .d-plus{width:22px;height:22px;border:1px solid #82ab9c;border-radius:50%;display:grid;place-items:center;color:#276950;font-weight:600}
.desk-mini details[open] .d-plus{transform:rotate(45deg)}
.desk-mini details>p{font-size:13px;color:#55726c;padding:0 3px 22px 39px}
.desk-disclaimer{font-size:12px;color:#627b76;margin-top:22px;line-height:1.75}
.team{background:#e4ebe2}
.team-layout{display:grid;grid-template-columns:minmax(260px,.66fr) minmax(0,1.34fr);gap:19px;align-items:stretch}
.founder{position:relative;min-height:575px;background:#163c3a;border-radius:8px;overflow:hidden;color:white}
.founder>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.founder:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#07292cfa)}
.founder-copy{position:absolute;bottom:30px;left:30px;right:25px;z-index:1}
.founder-copy small{font-size:10px;letter-spacing:.12em;color:#d4ebaa;font-weight:900}
.founder-copy h3{font-size:40px;margin:12px 0}
.founder-copy p{font-size:13px;color:#dcebe6}
.role-list{display:grid;gap:10px;align-content:start}
.role-card{background:white;border:1px solid #cbd9d1;border-radius:7px;overflow:hidden}
.role-card[open]{border-color:#77b28f;box-shadow:0 8px 22px #114c3315}
.role-card summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:30px 1fr 27px;gap:12px;align-items:center;padding:22px}
.role-card summary::-webkit-details-marker{display:none}
.role-card .role-number{font-size:11px;font-weight:900;color:#528573;align-self:start}
.role-heading{min-width:0}
.role-heading strong{font-size:20px;line-height:1.22;letter-spacing:-.025em;display:block;overflow-wrap:anywhere}
.role-heading small{font-size:12px;color:#5c7a6d;font-weight:700;display:block;margin-top:6px}
.role-indicator{display:grid;place-items:center;border-radius:50%;border:1px solid #a2c3af;height:26px;width:26px;font-size:18px;color:#3d7b63}
.role-card[open] .role-indicator{transform:rotate(45deg)}
.role-body{padding:0 27px 24px 64px;color:#4d6961;font-size:14px;line-height:1.7}
.career{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.career span{background:#ecf3ec;padding:5px 8px;border-radius:4px;font-size:11px;font-weight:750}
.team-disclaimer{margin-top:24px;font-size:12px;color:#5b776e}
.contact{background:var(--night);color:white}
.contact .eyebrow{color:var(--lime)}
.contact h2{font-size:clamp(44px,6vw,85px);max-width:850px;margin:22px 0}
.contact h2 em{display:block;color:var(--lime)}
.contact p{font-size:17px;color:#d6e6e0;line-height:1.75}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:45px}
.contact-card{min-height:175px;background:#1d4140;border:1px solid #3b605e;border-radius:7px;padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between}
.contact-card:hover{background:#2a5b4e;border-color:#b0d79a}
.contact-card>span{font-size:24px;color:#aee0b2}
.contact-card strong{display:block;font-size:21px;letter-spacing:-.02em}
.contact-card small{font-size:12px;color:#c3dad1;line-height:1.5}
.contact-places{display:flex;flex-wrap:wrap;gap:24px;margin-top:29px;border-top:1px solid #335957;padding-top:19px;color:#b6d5c9;font-size:12px}
.footer{padding:25px 0;background:#092326;color:#b9d4c8}
.footer-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}
.footer-inner img{width:150px;height:auto}
.footer-inner small{font-size:11px;color:#b6cbc4}
.footer-inner a{font-size:11px;text-decoration:underline}
@media(max-width:1210px){.site-nav{gap:10px}.site-logo{width:160px}.header-inner{gap:16px}.site-nav a{font-size:11px}.nav-actions{gap:9px}.nav-cta{padding:7px 10px}}
@media(max-width:1050px){.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px clamp(20px,5vw,60px);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #132b3017}.site-nav.open{display:flex}.site-nav a{padding:12px;font-size:16px;border-bottom:1px solid var(--line)}.menu-button{display:inline-flex}.site-logo{width:170px}.hero-grid{grid-template-columns:1.04fr .96fr;gap:28px}.hero h1{font-size:clamp(42px,5.6vw,65px)}.audience-card{grid-template-columns:35% 65%}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-line{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.section-top{grid-template-columns:1fr;gap:14px}.section-top>p{max-width:660px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-photo{min-height:430px;aspect-ratio:16/9}.hero h1{max-width:800px}.hero-copy{padding:24px 0 0}.hero-meta{margin-top:32px}.trust-inner{grid-template-columns:1fr 1fr}.trust-item:nth-child(3){grid-column:1/-1;border-top:1px solid #c6d8c9;border-left:0;padding-left:0}.thesis-grid,.focus-main,.team-layout{grid-template-columns:1fr}.focus-lead{padding:30px}.operation-grid,.future-markets,.map-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.audience-card{grid-template-columns:36% 64%;min-height:260px}.desk-feature-grid{grid-template-columns:1fr 1fr}.desk-feature:last-child{grid-column:1/-1;min-height:320px}.founder{max-width:550px;width:100%;min-height:520px}.funding-band{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.aegean-band{grid-template-columns:1fr}}
@media(max-width:570px){.header-inner{height:71px}.site-logo{width:140px}.nav-cta{display:none}.site-nav{top:70px}.wrap{width:calc(100% - 38px)}.hero-grid{padding-block:18px 35px;gap:20px}.hero h1{font-size:clamp(39px,10.7vw,57px)}.hero-photo{min-height:360px;aspect-ratio:4/4.7}.hero-photo figcaption{left:20px;bottom:21px}.hero-meta{gap:12px 14px;font-size:9px}.trust-inner{display:grid;grid-template-columns:1fr}.trust-item{border-left:0;border-top:1px solid #c6d8c9;padding:18px 0}.trust-item:first-child{border-top:0}.trust-item:nth-child(3){grid-column:auto}.section{padding:70px 0}.section-top h2,.section-heading h2{font-size:clamp(34px,9vw,48px)}.thesis h2{font-size:clamp(43px,11vw,63px)}.diagram-card{grid-template-columns:1fr;gap:5px}.audience-card{grid-template-columns:1fr}.audience-image{height:190px}.audience-image img{position:relative;height:100%}.audience-body{padding:24px}.focus-photos{grid-template-columns:1fr 1fr;gap:8px}.focus-photos figure{min-height:235px}.focus-photos figcaption{font-size:16px;left:12px;bottom:14px}.focus-lead{padding:26px}.sector-bar{grid-template-columns:1fr}.operation-card{padding:24px}.process-line{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr}.desk-feature-grid,.desk-mini{grid-template-columns:1fr}.desk-feature:last-child{grid-column:auto;min-height:390px}.desk-feature{min-height:390px}.role-card summary{padding:17px 13px;grid-template-columns:24px 1fr 25px;gap:8px}.role-heading strong{font-size:18px}.role-body{padding:0 18px 22px 43px}.founder{min-height:420px}.contact-grid{grid-template-columns:1fr 1fr;gap:8px}.contact-card{min-height:145px;padding:18px 14px}.contact-card strong{font-size:18px}.contact-places{gap:9px}.footer-inner{align-items:flex-start}}
@media(max-width:370px){.hero h1{font-size:37px}.contact-grid{grid-template-columns:1fr}.model-card{padding:20px}.focus-photos{grid-template-columns:1fr}.focus-photos figure{min-height:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.desk-feature>img{transition:none}.button:hover{transform:none}}


/* BEKALY Corporate Brand Platform V2.0 — Nov 2026 */
.hero-brand-promise{font:italic 500 clamp(19px,1.9vw,25px)/1.3 Georgia,"Times New Roman",serif;color:#d0eda9;margin:-6px 0 22px;letter-spacing:-.015em}
.hero .eyebrow{font-size:10px;letter-spacing:.115em}
.brand-foundation{margin-top:clamp(52px,6vw,86px);padding-top:27px;border-top:1px solid var(--line)}
.brand-foundation-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.brand-foundation-top strong{font-size:16px;letter-spacing:-.02em}
.brand-foundation-top a{color:#236a52}
.brand-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-foundation-grid article{background:#eef3eb;border-top:3px solid #8bbf82;padding:23px 24px 27px;min-width:0}
.brand-foundation-grid article span{font-size:10px;font-weight:900;color:#398364;letter-spacing:.1em}
.brand-foundation-grid article h3{font-size:clamp(19px,2.1vw,26px);margin:17px 0 12px}
.brand-foundation-grid article p{font-size:13px;line-height:1.68;color:#4d6b62;margin:0}
.brand-manifesto{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:25px;flex-wrap:wrap}
.brand-manifesto p{font-size:13px;color:#5c766b;font-weight:750}
.brand-manifesto a{font-size:12px;font-weight:850;color:#215c47;border-bottom:1px solid #72a98b;padding-bottom:6px}

/* About Us — full corporate brand narrative, separate from the commercial homepage */
.about-hero{background:var(--night);color:white;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:stretch;gap:clamp(30px,6vw,92px);padding-block:clamp(32px,5vw,80px);min-height:650px}
.about-hero-grid>div{align-self:center;padding-block:30px}
.about-hero .eyebrow{color:#c3dfa8}
.about-platform{font-size:clamp(14px,1.4vw,18px);letter-spacing:.015em;line-height:1.5;color:#bdcec5;font-weight:700;margin-top:18px}
.about-hero h1{font-size:clamp(47px,5.45vw,83px);max-width:825px;letter-spacing:-.05em;margin:23px 0}
.about-hero h1 em{display:block;color:var(--lime)}
.about-hero-sub{color:#d9e9e2;font-size:clamp(16px,1.5vw,19px);line-height:1.75;margin-bottom:20px;max-width:670px}
.about-tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.4vw,31px);font-style:italic;letter-spacing:-.02em;color:#dbf5ac;margin:22px 0 28px}
.about-hero figure{position:relative;overflow:hidden;background:#45685e;border-radius:8px;min-height:530px}
.about-hero figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-hero figure:after{content:"";inset:40% 0 0;position:absolute;background:linear-gradient(transparent,#09282abb)}
.about-hero figcaption{position:absolute;z-index:1;bottom:25px;left:27px;right:20px;font-size:11px;font-weight:900;letter-spacing:.11em;color:#f1fff3}
.about-identity{background:var(--paper)}
.vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.vision-mission article{padding:clamp(27px,4vw,45px);border-radius:8px;background:#eaf1e8;min-width:0}
.vision-mission article:nth-child(2){background:#153f39;color:white}
.vision-mission article>span{font-size:11px;letter-spacing:.13em;font-weight:900;color:#317b58}
.vision-mission article:nth-child(2)>span{color:#c9e5ad}
.vision-mission h3{font-size:clamp(31px,3.5vw,47px);margin:23px 0 14px}
.vision-mission article>small{display:block;font-size:12px;line-height:1.55;font-weight:800;color:#4d7e68}
.vision-mission article:nth-child(2)>small{color:#c9dfd6}
.vision-mission article>p{font-size:clamp(17px,1.7vw,22px);line-height:1.55;letter-spacing:-.015em;margin:25px 0}
.about-section-title{font-size:clamp(36px,4.75vw,67px);margin:19px 0 38px;max-width:980px}
.about-section-title em{font-family:Georgia,"Times New Roman",serif;display:block;font-style:italic;font-weight:400;color:#297351}
.about-pillars{background:#10383a;color:white}
.about-pillars .eyebrow{color:#badea6}
.about-pillars .about-section-title em{color:#d3eca6}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pillar-grid article{border-top:2px solid #91c7a0;background:#214c47;border-radius:4px;padding:clamp(22px,3vw,34px);min-width:0}
.pillar-grid article>span{font-size:12px;font-weight:900;color:#b8e3a0}
.pillar-grid h3{font-size:clamp(25px,2.7vw,37px);line-height:1.15;margin:27px 0 9px;color:white}
.pillar-grid small{display:block;font-size:11px;color:#d4e5d5;letter-spacing:.08em;font-weight:800;text-transform:uppercase}
.pillar-grid p{font-size:14px;line-height:1.68;color:#d5e7df;margin-top:22px}
.about-benefits{background:#f5f5ef}
.benefit-list{display:grid;gap:0}
.benefit-list article{display:grid;grid-template-columns:50px minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:30px;padding:25px 0;border-top:1px solid #cedad1}
.benefit-list article:last-child{border-bottom:1px solid #cedad1}
.benefit-list article>span{font-size:11px;font-weight:900;color:#2f8060;padding-top:5px}
.benefit-list article strong{font-size:clamp(19px,2.2vw,27px);letter-spacing:-.03em;line-height:1.25}
.benefit-list article p{font-size:15px;line-height:1.7;color:#526b61}
.about-values{background:#e6efe6}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.value-grid article{padding:clamp(20px,2.5vw,30px);border:1px solid #cfddd0;background:#f8faf6;border-radius:7px;min-height:210px}
.value-grid article:nth-child(1),.value-grid article:nth-child(5){background:#d3e7d3}
.value-grid article>span{font-size:11px;letter-spacing:.1em;font-weight:900;color:#317253}
.value-grid h3{font-size:clamp(21px,2.4vw,30px);margin:21px 0 12px}
.value-grid p{font-size:14px;line-height:1.7;color:#516b61}
.about-backronym{background:#fffefa}
.back-phrase{font-size:clamp(21px,2.65vw,35px);line-height:1.35;letter-spacing:-.035em;font-weight:750;color:#174b3c;margin:4px 0 35px;max-width:980px}
.back-letters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.back-letters article{min-width:0;display:flex;flex-direction:column;gap:14px;border-top:3px solid #2a7757;padding:20px 10px 22px 1px}
.back-letters article>span{font-size:clamp(52px,7vw,86px);font-weight:750;line-height:1;color:#1a6d4f;letter-spacing:-.065em}
.back-letters h3{font-size:clamp(17px,1.65vw,23px);overflow-wrap:anywhere}
.back-letters p{font-size:12px;color:#526e64;line-height:1.6;margin-top:7px}
.about-motto{background:#123638;color:white}
.about-motto .eyebrow{color:#c9e6a8}
.motto-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,5vw,80px);align-items:center}
.motto-grid h2{font-size:clamp(35px,4.8vw,69px);margin:22px 0}
.motto-grid h2 em{display:block;color:#d7eba4}
.motto-second{font-size:15px;color:#c8e7d1;font-weight:750;margin-top:25px}
.motto-grid>p{font-size:15px;color:#d3e3de;line-height:1.75}
.about-status{background:#f4f6f0}
.status-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(35px,6vw,85px);align-items:center}
.status-grid h2{font-size:clamp(37px,4.4vw,61px);margin:23px 0}
.status-grid h2 em{display:block;color:#317755}
.status-grid p{font-size:16px;line-height:1.78;color:#526e64;margin-bottom:26px}
.status-grid img{aspect-ratio:1.15;object-fit:cover;border-radius:8px;width:100%;height:auto}
.about-contact{background:#0d292d;color:white;padding:clamp(75px,9vw,130px) 0}
.about-contact .eyebrow{color:#c7e5b2}
.about-contact h2{font-size:clamp(42px,6vw,78px);max-width:960px;margin:23px 0}
.about-contact p{font-size:17px;line-height:1.7;color:#d8e9e2}
.about-ctas{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}
@media(max-width:1010px){.back-letters{grid-template-columns:repeat(3,minmax(0,1fr))}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{gap:25px}}
@media(max-width:820px){.about-hero-grid{grid-template-columns:1fr;gap:20px;min-height:0}.about-hero figure{min-height:400px;max-height:490px}.about-hero-grid>div{padding-bottom:0}.vision-mission,.motto-grid,.status-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-list article{grid-template-columns:38px minmax(0,1fr);gap:14px}.benefit-list article p{grid-column:2}.brand-foundation-grid{grid-template-columns:1fr}}
@media(max-width:600px){.about-hero h1{font-size:clamp(42px,11vw,60px)}.about-hero figure{min-height:310px}.about-section-title{font-size:clamp(34px,9vw,48px)}.pillar-grid,.value-grid{grid-template-columns:1fr}.back-letters{grid-template-columns:repeat(2,minmax(0,1fr))}.back-letters article{padding-right:5px}.vision-mission article{padding:26px}.brand-foundation-top{align-items:flex-start;flex-direction:column}.brand-foundation-grid article{padding:21px}.motto-grid h2{font-size:clamp(34px,9vw,51px)}}
