:root{--olive:#30382f;--deep:#202820;--gold:#bda76d;--gold-light:#d4c293;--ivory:#f4f0e6;--paper:#eae6dc;--ink:#252d27;--muted:#6b7569}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:12px;z-index:20}.skip:focus{left:8px}.header{height:88px;background:var(--olive);color:var(--ivory);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.5vw,76px);position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:16px;min-width:max-content}.brand-mark{width:40px;height:40px;border:1px solid var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;line-height:1;position:relative}.brand-dot{color:var(--gold);font-size:24px;margin-left:-3px}.brand-name{font-size:17px;letter-spacing:.19em;font-weight:700;line-height:1.12}.brand-name small{display:block;font-size:8px;font-weight:400;letter-spacing:.26em;margin-top:6px;color:var(--gold-light)}.nav{display:flex;gap:clamp(16px,2vw,34px);align-items:center}.nav a{font-size:11px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a[aria-current]{color:var(--gold-light)}.nav .nav-contact{border:1px solid var(--gold);padding:13px 18px;color:var(--gold-light)}.nav-contact span{margin-left:14px}.menu-button{display:none}.eyebrow{font-size:11px;letter-spacing:.27em;font-weight:700;text-transform:uppercase;margin:0 0 24px}.gold{color:var(--gold-light)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.047em;line-height:.98}h1{font-size:clamp(52px,7.7vw,126px)}h2{font-size:clamp(42px,5.5vw,86px)}h2 em,h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.period{color:var(--gold)}p{line-height:1.6}.section-pad{padding:clamp(70px,9vw,150px) clamp(24px,7vw,120px)}.hero{min-height:min(800px,calc(100svh - 88px));background:var(--deep);color:var(--ivory);position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('dubai-construction-hero.png') center 55%/cover no-repeat;filter:saturate(.7)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,31,25,.92) 0%,rgba(24,31,25,.72) 44%,rgba(24,31,25,.12) 100%)}.hero-content{position:relative;z-index:1;width:min(920px,74%);padding:75px 0 95px clamp(24px,7vw,120px)}.hero h1{font-size:clamp(54px,7vw,112px);margin:0 0 30px}.hero-intro{max-width:510px;font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#f0eee8;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:230px;gap:35px;padding:18px 22px;font-size:11px;font-weight:700;letter-spacing:.17em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--ivory);color:var(--olive)}.button-gold{background:var(--gold);color:var(--deep)}.hero-index{position:absolute;bottom:35px;right:5vw;color:var(--ivory);font-size:10px;letter-spacing:.2em;z-index:1}.statement{background:var(--ivory)}.statement h2{max-width:1250px;margin:0 0 70px}.statement h2 em{color:#8b957f}.statement-foot{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #bfc3b7;padding-top:32px}.statement-foot p{font-size:19px;max-width:560px}.line-arrow{font-size:95px;font-weight:200;line-height:.7;color:var(--gold)}.pillars{background:var(--paper)}.section-head{display:flex;gap:80px;align-items:start;justify-content:space-between;margin-bottom:80px}.section-head h2{margin:0;max-width:700px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aeb4a6}.pillar{position:relative;min-height:340px;padding:34px 36px 45px 0;border-right:1px solid #aeb4a6}.pillar:not(:first-child){padding-left:36px}.pillar:last-child{border:0}.pillar span,.flow-grid span{font-size:11px;letter-spacing:.2em;color:#6c776a}.pillar h3{font-family:Georgia,serif;font-size:clamp(28px,2.8vw,43px);font-weight:400;line-height:1.05;margin:70px 0 24px;max-width:350px}.pillar p{max-width:330px;font-size:15px;color:#525e53}.pillar b{position:absolute;right:32px;bottom:30px;font-size:27px;font-weight:400;color:#8e7d51}.pillar:hover h3{color:#8e7d51}.split-photo{display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:var(--ivory);min-height:700px}.split-image{background:url('restaurant-observation.png') center/cover no-repeat;min-height:560px}.split-copy{padding:clamp(70px,7vw,115px) clamp(35px,6vw,100px)}.split-copy h2{font-size:clamp(42px,4.3vw,68px);margin:0 0 38px}.split-copy h2 em{color:var(--gold-light)}.split-copy p:not(.eyebrow){font-size:17px;color:#e2e4da;max-width:590px}.text-link{display:inline-block;margin-top:30px;padding-bottom:10px;border-bottom:1px solid var(--gold);font-size:11px;letter-spacing:.18em;color:var(--gold-light)}.text-link span{margin-left:50px}.manifesto{background:var(--ivory)}.manifesto h2{max-width:1250px}.manifesto h2 em{color:#899380}.manifesto>p:last-child{max-width:500px;font-size:19px;margin:50px 0 0 auto}.closing{background:var(--deep);color:var(--ivory)}.closing h2{max-width:1250px}.closing em{color:var(--gold-light)}.closing>p:not(.eyebrow){font-size:20px;margin:40px 0}.closing .button{margin-top:22px}.page-hero{background:var(--olive);color:var(--ivory);min-height:600px;display:flex;flex-direction:column;justify-content:center}.page-hero h1{max-width:1250px;margin-bottom:40px}.page-hero h1 em{color:var(--gold-light)}.page-hero>p:last-of-type{font-size:20px;max-width:660px;color:#e0e2d9}.page-hero .button{align-self:start;margin-top:25px}.service-list{background:var(--ivory)}.service-list article{display:grid;grid-template-columns:16% 35% 1fr;gap:20px;border-top:1px solid #a9b1a3;padding:34px 0 58px}.service-list article:last-child{border-bottom:1px solid #a9b1a3}.service-list article>span{font-size:12px;color:#9b875b;letter-spacing:.2em}.service-list article>div{display:contents}.service-list h2{font-size:clamp(32px,3.3vw,53px);margin:0}.service-list p{font-size:18px;max-width:520px;color:#535d53;margin:0}.quote-band{background:var(--paper)}.quote-band h2{max-width:1000px}.quote-band .button{margin-top:32px}.process{background:var(--ivory)}.process-intro{display:flex;justify-content:space-between;gap:40px;margin-bottom:65px}.process-intro h2{max-width:850px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #abb2a5}.steps article{min-height:270px;border-right:1px solid #abb2a5;border-bottom:1px solid #abb2a5;padding:30px}.steps article:nth-child(3n){border-right:0}.steps span{font-size:11px;letter-spacing:.2em;color:#9b875b}.steps h3{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:45px 0 15px}.steps p{max-width:330px;color:#5a665b}.principle{background:#d9dfd2}.principle h2{max-width:1100px}.principle h2 em{color:#75846c}.principle>p:last-child{font-size:19px;max-width:550px;margin:45px 0 0 auto}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.flow-grid article{border-top:1px solid #a7b0a2;padding-top:24px}.flow-grid h2{font-family:Georgia,serif;font-size:clamp(31px,3vw,48px);margin:80px 0 25px}.flow-grid p{font-size:17px;max-width:350px}.deliverables{background:var(--olive);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.deliverables h2{font-size:clamp(42px,4.3vw,70px)}.deliverables ul{list-style:none;padding:0;margin:0 0 30px}.deliverables li{border-top:1px solid rgba(255,255,255,.28);padding:18px 0;font-size:17px}.deliverables li:last-child{border-bottom:1px solid rgba(255,255,255,.28)}.deliverables li:before{content:'↗';color:var(--gold);margin-right:20px}.deliverables p:last-child{color:#d7ddcf}.about-grid{display:grid;grid-template-columns:36% 1fr;gap:9vw}.founder-name h2{font-size:clamp(60px,6vw,94px)}.founder-name>p:last-child{font-size:18px;max-width:260px;color:#687266}.about-story p{font-size:18px;line-height:1.75}.about-story blockquote{font-family:Georgia,serif;font-size:clamp(30px,3vw,45px);line-height:1.2;border-left:3px solid var(--gold);padding-left:30px;margin:75px 0 18px}.about-story .attribution{color:#7d895f;font-size:14px}.heritage{background:var(--paper);display:grid;grid-template-columns:1fr 300px;gap:8vw;align-items:center}.heritage h2{font-size:clamp(42px,4.7vw,72px)}.heritage h2 em{color:#829076}.heritage p:not(.eyebrow){font-size:18px;max-width:590px}.heritage img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.contact-hero{min-height:530px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-grid h2{font-size:clamp(42px,4.6vw,72px)}.contact-grid p:not(.eyebrow){font-size:18px;max-width:530px}.contact-card{border-top:2px solid var(--gold);padding:35px 0}.email-link{display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:Georgia,serif;font-size:clamp(26px,3vw,44px);border-bottom:1px solid #acb5a9;padding-bottom:25px;overflow-wrap:anywhere}.email-link span{font-family:Arial,sans-serif;color:#9b875b}.contact-card>p:not(.eyebrow){margin-top:30px}.contact-card .small-note{font-size:13px!important;color:#788477;margin-top:60px!important}.footer{background:#1d251e;color:var(--ivory);padding:80px clamp(24px,7vw,120px) 25px;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:7vw}.footer a{display:block;font-size:14px;margin:0 0 16px}.footer a:hover{color:var(--gold-light)}.footer-brand{font-size:25px!important;letter-spacing:.15em;font-weight:700;margin-bottom:35px!important}.footer-brand span{display:block;color:var(--gold-light);font-size:10px;letter-spacing:.21em;margin-top:6px;font-weight:400}.footer p{color:#b8c2b3;font-size:14px}.footer .eyebrow{color:var(--gold-light);font-size:10px;margin-bottom:25px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #485349;padding-top:23px;color:#b8c2b3;font-size:12px;margin-top:40px}@media(max-width:1000px){.header{height:76px}.menu-button{display:flex;width:42px;height:42px;border:1px solid var(--gold);background:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:12}.menu-button span{display:block;width:18px;height:1px;background:var(--gold)}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--olive);padding:30px 25px 45px;flex-direction:column;align-items:stretch;border-top:1px solid #586354}.nav.open{display:flex}.nav a{font-size:16px;padding:11px}.nav .nav-contact{margin-top:12px}.hero{min-height:780px}.hero-content{width:min(850px,90%)}.section-head{display:block}.pillar-grid,.flow-grid{gap:0}.split-photo{grid-template-columns:1fr 1fr}.service-list article{grid-template-columns:10% 40% 1fr}.footer{gap:3vw}}@media(max-width:700px){.brand-name{font-size:14px}.brand-name small{font-size:7px}.brand-mark{width:35px;height:35px;font-size:24px}.header{padding:0 20px}.hero{min-height:calc(100svh - 76px);align-items:end}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(0deg,rgba(24,31,25,.96),rgba(24,31,25,.5) 75%,rgba(24,31,25,.25))}.hero-content{width:100%;padding:90px 24px 100px}.hero h1{font-size:clamp(48px,11vw,78px)}.hero-intro{font-size:16px}.hero-index{right:24px;bottom:23px}.statement h2{margin-bottom:45px}.statement-foot{align-items:start}.statement-foot p{font-size:16px}.line-arrow{font-size:52px}.section-head{margin-bottom:40px}.pillar-grid{grid-template-columns:1fr}.pillar,.pillar:not(:first-child){border-right:0;border-bottom:1px solid #aeb4a6;padding:25px 0 35px;min-height:260px}.pillar h3{margin:45px 0 15px}.pillar b{right:0;bottom:30px}.split-photo{grid-template-columns:1fr}.split-image{min-height:440px}.split-copy{padding:70px 24px 80px}.manifesto>p:last-child,.principle>p:last-child{margin:30px 0 0}.page-hero{min-height:540px}.page-hero h1{font-size:clamp(49px,10vw,80px)}.page-hero>p:last-of-type{font-size:17px}.service-list article{display:block;padding:28px 0 36px}.service-list h2{margin:25px 0 18px}.service-list p{font-size:16px}.process-intro{display:block}.steps{grid-template-columns:1fr 1fr}.steps article{min-height:230px;padding:20px}.steps article:nth-child(3n){border-right:1px solid #abb2a5}.steps article:nth-child(2n){border-right:0}.steps h3{font-size:30px;margin:40px 0 10px}.steps p{font-size:14px}.flow-grid{grid-template-columns:1fr}.flow-grid article{padding:25px 0 30px}.flow-grid h2{margin:35px 0 20px}.deliverables,.about-grid,.heritage,.contact-grid{grid-template-columns:1fr}.heritage img{max-width:240px;justify-self:center}.footer{grid-template-columns:1fr 1fr;gap:40px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}}@media(max-width:430px){.steps{grid-template-columns:1fr}.steps article,.steps article:nth-child(3n){border-right:0;min-height:200px}.footer{grid-template-columns:1fr}.footer>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
:where(.industry-image){height:clamp(330px,55vw,760px);background-position:center;background-size:cover}.manufacturing-image{background-image:url('manufacturing-floor.png')}
/* Lion-led brand lockup and open Dubai hero */
.header .brand{gap:15px}
.header .brand-mark{width:56px;height:56px;border:0;display:block;flex:0 0 56px}
.header .brand-mark img{width:100%;height:100%;display:block;object-fit:contain}
.header .brand-name{font-size:18px;letter-spacing:.14em;line-height:1.05;display:flex;flex-direction:column;justify-content:center;gap:7px}
.header .brand-name small{font-size:9px;letter-spacing:.15em;margin:0;line-height:1.1;color:var(--gold-light)}
.hero-image{background-image:url('dubai-construction-hero-open.webp');background-position:center 54%;filter:saturate(.84)}
.hero-shade{background:linear-gradient(90deg,rgba(24,31,25,.67) 0%,rgba(24,31,25,.38) 43%,rgba(24,31,25,.04) 80%)}
.footer .footer-brand{display:flex;align-items:center;gap:16px;letter-spacing:0}
.footer .footer-brand img{display:block;width:54px;height:54px;object-fit:contain;flex:0 0 54px}
.footer .footer-brand-text{display:block;font-size:23px;letter-spacing:.13em;line-height:1.08}
.footer .footer-brand-text small{display:block;margin-top:6px;color:var(--gold-light);font-size:10px;font-weight:400;letter-spacing:.13em}
@media(max-width:850px){.header .brand-mark{width:48px;height:48px;flex-basis:48px}.header .brand-name{font-size:16px}.header .brand-name small{font-size:8px}}
@media(max-width:700px){.header .brand{gap:10px}.header .brand-mark{width:43px;height:43px;flex-basis:43px}.header .brand-name{font-size:14px;gap:5px}.header .brand-name small{font-size:7px;letter-spacing:.1em}.hero-shade{background:linear-gradient(0deg,rgba(24,31,25,.88) 0%,rgba(24,31,25,.42) 54%,rgba(24,31,25,.1) 100%)}}
.footer .footer-brand-text{color:var(--ivory);font-weight:700;margin-top:0}
.footer .footer-brand-text small{font-weight:400}
.heritage img{background:var(--olive);width:260px;height:260px;aspect-ratio:1;object-fit:contain;padding:43px;mix-blend-mode:normal}

/* September review: calmer editorial scale, persistent navigation and richer imagery */
.header{position:sticky;top:0;z-index:1000;box-shadow:0 8px 24px rgba(18,28,19,.12)}
html{scroll-padding-top:88px}
.section-pad{padding:clamp(64px,7vw,108px) clamp(24px,7vw,120px)}
h1,h2{line-height:1.04;letter-spacing:-.04em}
h1{font-size:clamp(48px,5.5vw,82px)}
h2{font-size:clamp(38px,4.15vw,64px)}
.hero-content{width:min(1030px,78%)}
.hero h1{font-size:clamp(48px,5.25vw,78px);line-height:1.03;max-width:980px;margin-bottom:26px}
.hero-intro{max-width:610px}
.statement h2,.manifesto h2,.closing h2{font-size:clamp(38px,4vw,62px);max-width:1120px}
.section-head h2{font-size:clamp(38px,4vw,62px);max-width:760px}
.split-copy h2{font-size:clamp(37px,3.55vw,56px);line-height:1.07}
.page-hero{min-height:480px}
.page-hero h1{font-size:clamp(46px,5.3vw,78px);line-height:1.04;max-width:1250px;margin-bottom:28px}
.page-hero>p:last-of-type{max-width:780px}
.service-list h2{font-size:clamp(30px,2.85vw,45px)}
.quote-band h2,.process-intro h2,.principle h2,.contact-grid h2{font-size:clamp(37px,3.8vw,59px)}
.deliverables h2{font-size:clamp(38px,3.65vw,58px)}
.founder-name h2{font-size:clamp(51px,5vw,77px)}
.heritage{grid-template-columns:minmax(0,1fr) 360px}
.heritage h2{font-size:clamp(38px,3.8vw,60px)}
.heritage img{width:360px;height:360px;max-width:100%;padding:25px;background:var(--olive);mix-blend-mode:normal}
.about-story .founder-principle{font-family:Georgia,serif;font-size:clamp(25px,2.6vw,37px);line-height:1.24;border-left:3px solid var(--gold);padding-left:26px;margin-top:60px}
.field-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--deep)}
.field-gallery figure{position:relative;margin:0;min-height:430px;overflow:hidden}
.field-gallery img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.field-gallery figure:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(16,24,17,.68),transparent);pointer-events:none}
.field-gallery figcaption{position:absolute;bottom:30px;left:34px;right:24px;z-index:1;color:var(--ivory)}
.field-gallery figcaption span{display:block;color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:10px}
.field-gallery figcaption strong{font-family:Georgia,serif;font-size:clamp(25px,2.5vw,38px);font-weight:400}
.work-photo{height:clamp(350px,42vw,570px);background:url('dubai-service-operations.webp') center 43%/cover no-repeat}
@media(max-width:1000px){html{scroll-padding-top:76px}.page-hero{min-height:440px}.hero-content{width:min(880px,90%)}.heritage{grid-template-columns:minmax(0,1fr) 300px}.heritage img{width:300px;height:300px}}
@media(max-width:700px){.section-pad{padding:64px 24px}.hero-content{width:100%;padding:70px 24px 86px}.hero h1{font-size:clamp(42px,9vw,60px)}.hero-intro{max-width:530px}.page-hero{min-height:410px}.page-hero h1{font-size:clamp(41px,8.7vw,60px)}.statement h2,.manifesto h2,.closing h2,.section-head h2,.quote-band h2,.process-intro h2,.principle h2,.contact-grid h2{font-size:clamp(36px,8vw,52px)}.split-copy h2,.deliverables h2,.heritage h2{font-size:clamp(36px,7.6vw,50px)}.field-gallery{grid-template-columns:1fr;gap:8px;padding:8px}.field-gallery figure,.field-gallery img{min-height:300px;height:300px}.field-gallery figcaption{bottom:22px;left:22px}.work-photo{height:320px;background-position:42% center}.heritage{grid-template-columns:1fr}.heritage img{width:260px;height:260px;justify-self:start}}
.xray-photo{height:clamp(350px,46vw,640px);background:url('operations-hero.webp') center 52%/cover no-repeat}
@media(max-width:700px){.xray-photo{height:330px;background-position:60% center}}

/* Expanded company positioning: transformation, software, products and apps */
.nav{gap:clamp(12px,1.45vw,25px)}
.nav a{font-size:10px;letter-spacing:.11em}
.nav .nav-contact{padding:12px 15px}
.section-kicker{display:grid;grid-template-columns:25% 1fr;gap:6vw;align-items:start;margin-bottom:58px}
.section-kicker h2{margin:0;max-width:950px}
.section-kicker h2 em{color:#7f8c7b}
.dual-offer{background:var(--ivory)}
.offer-grid{display:grid;grid-template-columns:1fr 1fr}
.offer-card{display:flex;flex-direction:column;min-height:530px;padding:44px;border:1px solid #aeb4a6;background:var(--paper)}
.offer-card+.offer-card{border-left:0}
.offer-card>span{font-size:11px;letter-spacing:.2em;color:#8e7d51}
.offer-card .eyebrow{margin:70px 0 24px}
.offer-card h3{font-family:Georgia,serif;font-size:clamp(35px,3.5vw,54px);font-weight:400;line-height:1.05;max-width:540px;margin:0 0 28px}
.offer-card>p:not(.eyebrow){font-size:17px;max-width:540px;color:#536055}
.offer-card b{margin-top:auto;font-size:11px;letter-spacing:.16em;color:#8e7d51}
.offer-card-dark{background:var(--olive);color:var(--ivory);border-color:var(--olive)}
.offer-card-dark>p:not(.eyebrow){color:#d8ded4}
.offer-card-dark b{color:var(--gold-light)}
.philosophy{display:grid;grid-template-columns:25% 1fr;gap:6vw;background:var(--deep);color:var(--ivory)}
.philosophy h2{margin:0 0 40px;max-width:950px}
.philosophy h2 em{color:var(--gold-light)}
.philosophy div>p{max-width:700px;font-size:19px;color:#d6ddd3}
.capability-grid{background:var(--paper)}
.capability-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aeb4a6}
.capability-cards article{min-height:310px;padding:28px 30px 36px;border-right:1px solid #aeb4a6;border-bottom:1px solid #aeb4a6}
.capability-cards article:nth-child(3n){border-right:0}
.capability-cards span,.solution-groups>article>span,.path-grid>article>span,.contact-options>article>span{font-size:11px;letter-spacing:.2em;color:#967f50}
.capability-cards h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,2.45vw,39px);line-height:1.08;margin:55px 0 18px}
.capability-cards p{color:#566158;max-width:360px}
.product-feature{display:grid;grid-template-columns:.9fr 1.1fr;min-height:720px;background:var(--olive);color:var(--ivory)}
.product-copy{padding:clamp(70px,7vw,110px)}
.product-copy h2{font-size:clamp(37px,3.65vw,57px);line-height:1.05;margin-bottom:35px}
.product-copy>p:not(.eyebrow){font-size:18px;color:#dbe0d7;max-width:610px}
.product-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#d5d9cf,#aeb9aa);min-height:620px}
.ui-desktop{position:absolute;width:78%;height:58%;left:8%;top:17%;border-radius:12px;background:#f2f0e8;box-shadow:0 35px 75px rgba(24,32,25,.28);overflow:hidden}
.ui-top{height:11%;background:#273128;display:flex;align-items:center;gap:7px;padding:0 15px}
.ui-top i{display:block;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.ui-body{height:89%;display:grid;grid-template-columns:20% 1fr}
.ui-sidebar{background:#e3e5dc;border-right:1px solid #c8cdc2}
.ui-content{padding:8%;position:relative}
.ui-content>span{display:block;height:10px;background:#b1b8ad;margin-bottom:10px;border-radius:10px;width:42%}
.ui-content>span:nth-child(2){width:26%;background:#d0d3cb}
.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10%}
.ui-metrics b{height:65px;border-radius:5px;background:#dfe2d9;border-top:4px solid var(--gold)}
.ui-chart{height:32%;margin-top:8%;background:linear-gradient(180deg,rgba(189,167,109,.08),rgba(189,167,109,.36));clip-path:polygon(0 72%,14% 60%,28% 68%,43% 25%,59% 45%,73% 20%,86% 32%,100% 0,100% 100%,0 100%)}
.ui-phone{position:absolute;width:24%;min-width:160px;height:60%;right:7%;bottom:7%;border:8px solid #1e271f;border-radius:28px;background:#f4f0e6;box-shadow:0 25px 55px rgba(24,32,25,.32);padding:9% 8% 6%;color:var(--ink)}
.phone-speaker{position:absolute;width:35%;height:5px;top:10px;left:32.5%;border-radius:5px;background:#1e271f}
.phone-product{height:42%;background:linear-gradient(145deg,#cec4a8,#72806e);margin-bottom:17%;border-radius:3px}
.ui-phone strong{display:block;letter-spacing:.18em;font-size:10px;margin-bottom:8px}
.ui-phone span{display:block;width:60%;height:7px;background:#b9c0b6;margin-bottom:18%}
.ui-phone button{border:0;width:100%;padding:12px 3px;background:var(--olive);color:#fff;font-size:8px;letter-spacing:.14em}
.product-feature-light{background:var(--paper);color:var(--ink)}
.product-feature-light .product-copy>p:not(.eyebrow){color:#536055}
.workstreams{display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0;background:var(--ivory)}
.workstreams article{padding:clamp(70px,7vw,110px) clamp(40px,6vw,95px)}
.workstreams article:first-child{padding-left:0}
.workstreams article.dark{background:var(--olive);color:var(--ivory);margin-right:calc(clamp(24px,7vw,120px) * -1);padding-right:clamp(24px,7vw,120px)}
.workstreams h2{font-size:clamp(38px,3.8vw,59px);margin-bottom:35px}
.workstreams p:not(.eyebrow){font-size:18px;max-width:600px}
.workstreams .dark p:not(.eyebrow){color:#dce1d8}
.workstreams ul{list-style:none;padding:0;margin:38px 0}
.workstreams li{padding:13px 0;border-top:1px solid #b8c0b5}
.workstreams li:last-child{border-bottom:1px solid #b8c0b5}
.workstreams li:before{content:'↗';color:#9b875b;margin-right:16px}
.workstreams .dark li{border-color:#5a665a}
.workstreams .dark li:before{color:var(--gold)}
.workstreams article:not(.dark) .text-link{color:#6f6039;border-color:#6f6039}
.solution-groups{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--ivory)}
.solution-groups article{padding:55px 7vw 70px 0;border-top:1px solid #aab2a5}
.solution-groups article:nth-child(even){padding-left:7vw;padding-right:0;border-left:1px solid #aab2a5}
.solution-groups h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(33px,3.1vw,49px);line-height:1.08;margin:45px 0 25px;max-width:610px}
.solution-groups p:not(.eyebrow){font-size:17px;max-width:610px;color:#536055}
.build-experience{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;background:var(--olive);color:var(--ivory)}
.build-experience h2{font-size:clamp(38px,3.65vw,58px);max-width:720px}
.build-experience>div:last-child{padding-top:35px}
.build-experience>div:last-child p{font-size:18px;color:#d8ded5}
.examples{background:var(--paper)}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #abb3a6}
.example-grid span{font-family:Georgia,serif;font-size:clamp(20px,1.7vw,27px);padding:27px 25px;border-right:1px solid #abb3a6;border-bottom:1px solid #abb3a6}
.example-grid span:nth-child(3n){border-right:0}
.engagement-paths{background:var(--ivory)}
.path-grid{display:grid;grid-template-columns:1fr 1fr}
.path-grid article{padding:45px;border:1px solid #abb3a6;min-height:560px}
.path-grid article+article{border-left:0;background:var(--paper)}
.path-grid h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,3.7vw,58px);margin:70px 0 18px}
.path-grid>article>p{font-size:18px;max-width:500px;color:#586359}
.path-grid ol{list-style:none;counter-reset:path;padding:0;margin:40px 0 0}
.path-grid li{counter-increment:path;padding:15px 0;border-top:1px solid #afb7aa}
.path-grid li:before{content:'0' counter(path);font-size:10px;letter-spacing:.18em;color:#907c50;margin-right:18px}
.principles-list{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--deep);color:var(--ivory)}
.principles-list h2{font-size:clamp(38px,3.8vw,58px)}
.principles-list article{display:grid;grid-template-columns:50px 1fr;column-gap:20px;border-top:1px solid #4d594f;padding:22px 0}
.principles-list article>span{grid-row:1/3;font-size:10px;letter-spacing:.16em;color:var(--gold)}
.principles-list h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 8px}
.principles-list article p{color:#bdc6bc;margin:0}
.company-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--ivory)}
.company-story h2{font-size:clamp(38px,3.9vw,60px)}
.company-story>div:last-child p{font-size:18px;line-height:1.75}
.values{background:var(--olive);color:var(--ivory)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #697468}
.value-grid article{min-height:330px;padding:30px 28px;border-right:1px solid #697468}
.value-grid article:last-child{border-right:0}
.value-grid span{font-size:10px;letter-spacing:.18em;color:var(--gold)}
.value-grid h3{font-family:Georgia,serif;font-size:clamp(27px,2.3vw,37px);font-weight:400;margin:65px 0 18px}
.value-grid p{color:#d6ddd4}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper)}
.contact-options article{padding:38px;border-top:1px solid #aeb5a9;border-right:1px solid #aeb5a9}
.contact-options article:last-child{border-right:0}
.contact-options h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,2.5vw,40px);margin:55px 0 18px}
.contact-options p{color:#59645a}

/* Realistic browser and mobile product presentation */
.product-visual{min-height:720px;background:radial-gradient(circle at 72% 28%,#dce2d9 0,#bec9bc 34%,#9daa9b 100%)}
.browser-mockup{position:absolute;width:84%;height:68%;left:5%;top:12%;background:#f8f9f6;border:1px solid rgba(31,42,33,.18);border-radius:13px;box-shadow:0 32px 70px rgba(26,35,28,.3);overflow:hidden;color:#253027}
.browser-chrome{height:44px;background:#edf0ea;border-bottom:1px solid #d2d8cf;display:grid;grid-template-columns:80px 1fr 38px;align-items:center;padding:0 12px}
.window-controls{display:flex;gap:6px}.window-controls i{width:8px;height:8px;border-radius:50%;background:#8c978c}.window-controls i:first-child{background:#c48b72}.window-controls i:nth-child(2){background:#c7ad69}.window-controls i:last-child{background:#7fa08a}
.browser-address{justify-self:center;width:72%;height:25px;border:1px solid #d1d6cf;border-radius:6px;background:#fff;color:#899389;font-size:8px;letter-spacing:.04em;display:flex;align-items:center;padding:0 12px}.browser-address span{color:#80917d;margin-right:8px;font-size:7px}
.browser-more{font-size:9px;color:#7e897f;letter-spacing:2px;text-align:right}
.app-shell{height:calc(100% - 44px);display:grid;grid-template-columns:105px 1fr;background:#f7f8f5}
.app-sidebar{background:#263128;color:#dfe4dc;padding:17px 12px 12px;display:flex;flex-direction:column}.app-logo{width:29px;height:29px;border-radius:7px;background:var(--gold);color:#263128;display:grid;place-items:center;font-family:Georgia,serif;font-size:16px;margin-bottom:23px}.app-sidebar nav{display:flex;flex-direction:column;gap:6px}.app-sidebar nav b,.app-sidebar nav span{font-size:7px;letter-spacing:.03em;font-weight:500;padding:9px 8px;border-radius:5px;display:flex;align-items:center;gap:8px}.app-sidebar nav b{background:#3d493f;color:#fff}.app-sidebar nav i{display:block;width:8px;height:8px;border:1px solid #95a295;border-radius:2px}.app-sidebar nav b i{border-color:var(--gold);background:var(--gold)}.app-sidebar>small{margin-top:auto;font-size:6px;letter-spacing:.17em;color:#8f9a90}
.dashboard{padding:22px 24px 18px;min-width:0}.dashboard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dashboard header small,.performance-card small,.activity-card>small{display:block;font-size:6px;letter-spacing:.15em;color:#8b968c;margin-bottom:4px}.dashboard h4{font-family:Arial,sans-serif;font-size:16px;letter-spacing:-.02em;font-weight:600;margin:0}.dashboard header button{border:0;background:#2e3a31;color:#fff;padding:9px 12px;border-radius:4px;font-size:6px;letter-spacing:.1em}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi-row article{position:relative;background:#fff;border:1px solid #e0e4dd;border-radius:6px;padding:12px 12px 10px}.kpi-row small{display:block;font-size:5px;letter-spacing:.12em;color:#8b958c;margin-bottom:8px}.kpi-row strong{font-size:16px;letter-spacing:-.03em}.kpi-row em{position:absolute;right:9px;bottom:12px;color:#68866d;font-style:normal;font-size:6px;background:#edf4ed;padding:3px 4px;border-radius:3px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px}.performance-card,.activity-card{background:#fff;border:1px solid #e0e4dd;border-radius:6px;padding:13px;min-width:0}.performance-card>div:first-child{display:flex;justify-content:space-between;align-items:start}.performance-card>div:first-child b{font-size:7px;color:#506055}.chart-bars{height:83px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #e1e5de;margin-top:5px}.chart-bars i{flex:1;background:linear-gradient(180deg,#c8b273,#8d9e8b);border-radius:2px 2px 0 0}.chart-bars i:nth-child(1){height:38%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:46%}.chart-bars i:nth-child(4){height:76%}.chart-bars i:nth-child(5){height:64%}.chart-bars i:nth-child(6){height:88%}.chart-bars i:nth-child(7){height:70%}.chart-labels{display:flex;justify-content:space-around;margin-top:4px}.chart-labels span{font-size:5px;color:#98a299}.activity-card>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #ebeee9}.activity-card>div:last-child{border:0}.activity-card>div>i{width:7px;height:7px;border-radius:50%;background:#bba56c}.activity-card span b,.activity-card span small{display:block;white-space:nowrap}.activity-card span b{font-size:6px;margin-bottom:3px}.activity-card span small{font-size:5px;color:#929c93}.activity-card em{font-style:normal;font-size:5px;letter-spacing:.08em;color:#6c806f}
.mobile-mockup{position:absolute;z-index:4;width:29%;min-width:190px;height:82%;right:3.5%;bottom:2.5%;border:8px solid #1c251e;border-radius:31px;background:#fbfaf6;box-shadow:0 30px 60px rgba(24,33,26,.42);overflow:hidden;color:#252d27;padding:0}.mobile-mockup:before{content:'';position:absolute;top:6px;left:36%;width:28%;height:5px;border-radius:5px;background:#1c251e;z-index:2}.mobile-status{height:27px;display:flex;justify-content:space-between;align-items:end;padding:0 16px 5px;font-size:6px;font-weight:700}.mobile-status i:after{content:'▮▮▮';font-style:normal;font-size:5px;letter-spacing:1px}.mobile-mockup>header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #ecece7}.mobile-mockup>header strong{font-family:Georgia,serif;font-size:11px;letter-spacing:.16em}.mobile-mockup>header button{border:0;background:none;font-size:10px;padding:0}.mobile-search{margin:5px 12px 9px;background:#eff0eb;border-radius:12px;padding:7px 10px;color:#949c94;font-size:6px}.mobile-product{height:39%;margin:0 10px;background:linear-gradient(145deg,#ded9cc,#aeb7aa);position:relative;overflow:hidden}.mobile-product>span{position:absolute;left:8px;top:8px;background:#f7f5ee;padding:4px 6px;font-size:5px;letter-spacing:.12em;z-index:2}.mobile-product>button{position:absolute;right:7px;top:7px;width:22px;height:22px;border:0;border-radius:50%;background:#f7f5ee;font-size:10px}.product-object{position:absolute;width:64%;height:48%;left:18%;top:30%;background:#695e4c;border-radius:8px 8px 13px 13px;box-shadow:0 14px 16px rgba(45,48,40,.22)}.product-object:before{content:'';position:absolute;width:44%;height:38%;left:28%;top:-24%;border:6px solid #695e4c;border-bottom:0;border-radius:20px 20px 0 0}.product-object:after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.2)}.product-object i{position:absolute;width:14px;height:17px;left:calc(50% - 7px);top:9px;border:1px solid #b9a26e;border-radius:2px}.mobile-details{padding:10px 13px 0}.mobile-details>small{font-size:5px;letter-spacing:.15em;color:#8b7650}.mobile-details h4{font-family:Georgia,serif;font-size:15px;font-weight:400;margin:4px 0 5px}.mobile-details>div{display:flex;justify-content:space-between;align-items:center}.mobile-details>div strong{font-size:8px}.mobile-details>div span{font-size:5px;color:#9e8450;letter-spacing:1px}.mobile-details p{font-size:6px;color:#7e887e;margin:6px 0}.mobile-details .swatches{justify-content:start;gap:5px;margin:6px 0 9px}.swatches i{display:block;width:10px;height:10px;border-radius:50%;background:#675c4b;border:2px solid #fbfaf6;outline:1px solid #675c4b}.swatches i:nth-child(2){background:#c2ad87;outline:0}.swatches i:nth-child(3){background:#222a24;outline:0}.mobile-details>button{width:100%;border:0;background:#273128;color:#fff;padding:9px 10px;font-size:6px;letter-spacing:.12em;display:flex;justify-content:space-between}.mobile-nav{position:absolute;left:0;right:0;bottom:0;height:42px;background:#fff;border-top:1px solid #e3e5df;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center}.mobile-nav b,.mobile-nav span{font-size:9px;font-weight:400;color:#8d968e}.mobile-nav b{color:#273128}.mobile-nav small{display:block;font-size:4px;letter-spacing:.08em;margin-top:2px}
@media(max-width:1150px){.nav{gap:10px}.nav a{font-size:9px}.nav .nav-contact{padding:10px 12px}.header .brand-name small{font-size:7px}.product-feature{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.nav{display:none}.workstreams{grid-template-columns:1fr}.workstreams article:first-child{padding-left:clamp(24px,7vw,120px)}.workstreams article.dark{margin-right:0;padding-right:clamp(24px,7vw,120px)}.product-feature{grid-template-columns:1fr}.product-visual{min-height:580px}.capability-cards{grid-template-columns:1fr 1fr}.capability-cards article:nth-child(3n){border-right:1px solid #aeb4a6}.capability-cards article:nth-child(2n){border-right:0}.value-grid{grid-template-columns:1fr 1fr}.value-grid article:nth-child(2){border-right:0}.value-grid article:nth-child(-n+2){border-bottom:1px solid #697468}}
@media(max-width:700px){.section-kicker,.philosophy,.company-story,.build-experience,.principles-list{grid-template-columns:1fr}.offer-grid,.solution-groups,.path-grid{grid-template-columns:1fr}.offer-card{min-height:430px;padding:30px}.offer-card+.offer-card{border-left:1px solid #aeb4a6;border-top:0}.offer-card .eyebrow{margin-top:50px}.capability-cards{grid-template-columns:1fr}.capability-cards article,.capability-cards article:nth-child(3n){border-right:0;min-height:250px}.product-feature{display:block}.product-copy{padding:64px 24px}.product-visual{min-height:540px}.browser-mockup{width:90%;height:57%;left:3%;top:8%}.browser-chrome{height:34px;grid-template-columns:58px 1fr 25px;padding:0 8px}.browser-address{height:20px;width:90%;font-size:5px}.app-shell{height:calc(100% - 34px);grid-template-columns:72px 1fr}.app-sidebar{padding:10px 7px 8px}.app-logo{width:23px;height:23px;margin-bottom:10px}.app-sidebar nav b,.app-sidebar nav span{font-size:5px;padding:6px 4px}.dashboard{padding:11px 10px}.dashboard h4{font-size:10px}.dashboard header{margin-bottom:9px}.dashboard header button{font-size:4px;padding:6px}.kpi-row{gap:4px}.kpi-row article{padding:6px}.kpi-row strong{font-size:9px}.kpi-row em{display:none}.dashboard-grid{gap:4px;margin-top:4px}.performance-card,.activity-card{padding:6px}.chart-bars{height:45px;gap:3px}.activity-card>div{padding:4px 0}.mobile-mockup{width:37%;min-width:150px;height:71%;right:2%;bottom:2%;border-width:6px;border-radius:24px}.mobile-product{height:35%}.mobile-details h4{font-size:11px}.mobile-nav{height:34px}.workstreams article,.workstreams article:first-child,.workstreams article.dark{padding:64px 24px}.solution-groups article,.solution-groups article:nth-child(even){padding:42px 0;border-left:0}.build-experience>div:last-child{padding-top:0}.example-grid{grid-template-columns:1fr}.example-grid span,.example-grid span:nth-child(3n){border-right:0}.path-grid article{padding:30px;min-height:auto}.path-grid article+article{border-left:1px solid #abb3a6;border-top:0}.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article:nth-child(2){border-right:0;border-bottom:1px solid #697468;min-height:250px}.contact-options{grid-template-columns:1fr}.contact-options article{border-right:0}.contact-options article+article{border-top:0}.section-kicker{margin-bottom:35px}}
