@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#182536;--night:#101b29;--gold:#c7aa78;--paper:#f9f7f2;--muted:#5c6670}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.wrap{max-width:1192px;padding:0 36px;margin:auto}.header{height:90px;background:#fff;position:sticky;z-index:20;top:0;border-bottom:1px solid #e8e6e0}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;gap:15px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.16em}.brand small{display:block;margin-top:5px;font-size:9px;font-weight:600;letter-spacing:.24em;color:#75808c}.brandmark{width:42px;height:42px;border:1px solid #c7aa78;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:18px;color:#a58a5c}.nav nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav nav a:hover{color:#9e824f}.nav-contact{border:1px solid #c7aa78;padding:13px 17px}.menu{display:none}.hero{background:var(--night);color:#fff;overflow:hidden}.hero-grid{min-height:675px;display:grid;grid-template-columns:1.27fr .73fr;gap:80px;padding-top:95px;padding-bottom:75px}.eyebrow,.section-index{font-size:11px;font-weight:700;letter-spacing:.2em;color:#ac895b}.dot{display:inline-block;background:#be9e6c;width:7px;height:7px;border-radius:50%;margin-right:11px}.hero h1,.section h2,.contact-section h2{font-family:'Playfair Display',serif;font-size:clamp(44px,5.1vw,71px);line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:26px 0}.hero h1 em,.section h2 em,.contact-section h2 em{font-weight:400;color:var(--gold)}.lead{color:#ccd0d5;font-size:17px;line-height:1.9;max-width:580px}.actions{display:flex;align-items:center;gap:30px;margin-top:34px}.btn{font-size:12px;font-weight:700;display:inline-flex;justify-content:space-between;gap:42px;padding:18px 22px}.gold{background:var(--gold);color:#172132}.text-link,.inline-link{font-size:12px;font-weight:700;border-bottom:1px solid #9a886b;padding-bottom:8px}.numbers{display:flex;border-top:1px solid #45505b;margin-top:68px;padding-top:28px;gap:45px}.numbers div{min-width:110px}.numbers strong{font-size:30px;font-family:'Playfair Display',serif;font-weight:400}.numbers strong span{color:var(--gold)}.numbers small{display:block;color:#b7bdc2;font-size:10px;margin-top:7px;line-height:1.5}.hero-side{position:relative;display:flex;flex-direction:column;justify-content:center}.portrait{height:450px;background:radial-gradient(circle at 56% 34%,#4b5b68 0,#263746 38%,#162737 73%);border:1px solid #526272;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:'';width:440px;height:440px;border-radius:50%;border:1px solid #66717a;opacity:.25;position:absolute}.portrait:after{width:340px;height:340px}.portrait-monogram{font-family:'Playfair Display',serif;font-size:132px;color:#c6a977;opacity:.82;letter-spacing:-.1em;z-index:1}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;background:#12212dde;display:flex;flex-direction:column;gap:7px;z-index:2}.portrait-caption span{font-size:12px;letter-spacing:.13em;font-weight:700}.portrait-caption small{font-size:11px;color:#c4cbd0}.side-note{font-size:9px;letter-spacing:.15em;color:#c0b7a7;margin-top:24px;line-height:1.6}.side-note .line{display:inline-block;background:#b99a6c;height:1px;width:25px;vertical-align:middle;margin-right:10px}.hero-bottom{border-top:1px solid #354252;color:#9da7ae}.hero-bottom .wrap{display:flex;justify-content:space-between;gap:30px;padding-top:17px;padding-bottom:17px;font-size:9px;letter-spacing:.15em}.section{padding:115px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:85px}.section h2{font-size:clamp(38px,4.1vw,56px);margin-top:28px}.section h2 em{color:#997b4f}.prose p{font-size:15px;line-height:1.9;color:#505a63;margin:0 0 22px}.inline-link{display:inline-block;margin-top:13px}.dark{background:#182635;color:white}.light{color:#c4a477}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:47px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;line-height:1.85;color:#a9b1b8;font-size:15px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#4a5660;border:1px solid #4a5660}.service{padding:39px;background:#182635;min-height:285px}.service-top{display:flex;justify-content:space-between;align-items:center;color:#b89a6a;font-size:12px}.service-symbol{font-size:21px}.service h3{font-family:'Playfair Display',serif;font-size:27px;font-weight:400;margin:23px 0 12px}.service p{color:#b5bdc4;line-height:1.85;font-size:13px}.tags{color:#cbb18b;font-size:11px;margin-top:24px}.approach .section-heading>p{color:#65707a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:65px}.steps>div{border-top:2px solid #c5ab7d;padding-top:20px}.steps span{font-size:13px;color:#a98a59}.steps h3{font-family:'Playfair Display',serif;font-size:25px;font-weight:400}.steps p{font-size:13px;line-height:1.85;color:#667079}.career{background:#eeeae2}.muted{font-size:14px;line-height:1.8;color:#6c7379;max-width:350px}.timeline{border-left:1px solid #c5c0b6;padding-left:32px}.event{position:relative;padding-bottom:34px}.event:before{content:'';position:absolute;left:-38px;top:4px;width:11px;height:11px;border-radius:50%;background:#b99e72}.event small{font-size:11px;letter-spacing:.16em;font-weight:700;color:#967950}.event h3{font-size:19px;font-family:'Playfair Display',serif;font-weight:500;margin:10px 0}.event p{font-size:13px;line-height:1.8;color:#606a72;margin:0}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.rule{height:1px;background:#b5a07b;margin-bottom:19px}.impact article>span{font-size:11px;color:#a48a5b}.impact h3{font-family:'Playfair Display',serif;font-size:23px;font-weight:400}.impact p{font-size:13px;line-height:1.9;color:#606a72}.contact-section{padding:110px 0;background:#152331;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-section h2{font-size:58px}.contact-section p{color:#bfc7cd;line-height:1.85}.contact-card{background:#223343;padding:35px}.contact-card>span{font-size:11px;letter-spacing:.2em;color:#c7aa78}.contact-line{border-bottom:1px solid #50606d;display:grid;grid-template-columns:78px 1fr 16px;gap:8px;padding:23px 0;align-items:center}.contact-line span{font-size:11px;color:#b6bdc5}.contact-line strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.contact-line b{color:#c7aa78}.contact-card>small{display:block;color:#aeb8c1;margin-top:24px}.whatsapp-placeholder{opacity:.55}.footer{background:#0d1722;color:#adb4bc}.footer .wrap{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .wrap>div{display:flex;align-items:center;gap:15px}.footer strong{color:#c7aa78;font:24px 'Playfair Display',serif}.footer span,.footer p,.footer a{font-size:11px}.footer p{max-width:410px;line-height:1.7}@media(max-width:900px){.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-grid{padding-top:70px}.hero-side{display:none}.nav nav{gap:15px}.section-heading{align-items:start;flex-direction:column;gap:5px}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:78px 0}}@media(max-width:650px){.wrap{padding:0 22px}.header{height:70px}.brand{font-size:11px}.brandmark{width:36px;height:36px}.menu{display:block;border:0;background:transparent;color:#172433;font-size:25px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero-grid{padding-top:64px;padding-bottom:55px;min-height:0}.hero h1{font-size:45px}.lead{font-size:15px}.actions{flex-wrap:wrap}.numbers{gap:16px;justify-content:space-between;margin-top:50px}.numbers div{min-width:0}.numbers strong{font-size:24px}.numbers small{font-size:9px}.hero-bottom .wrap{flex-direction:column;gap:7px}.section h2,.contact-section h2{font-size:41px}.services,.impact-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.service{min-height:0}.contact-card{padding:24px}.contact-line{grid-template-columns:64px 1fr 12px}.footer .wrap{align-items:flex-start;flex-direction:column}.section{padding:65px 0}}

/* Photographic assets: exclusively from the supplied HBM Drive folder */
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 38%;position:absolute;inset:0}.portrait:before,.portrait:after{display:none}.portrait-caption{background:linear-gradient(0deg,rgba(15,26,38,.95),rgba(15,26,38,.65))}.photo-section{background:#f9f7f2}.photo-section .section-heading>p{color:#65707a}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-card{margin:0;background:#fff;border:1px solid #e5e0d7;overflow:hidden}.photo-card img{width:100%;height:285px;object-fit:cover;object-position:center 30%;display:block}.photo-card figcaption{font-size:11px;letter-spacing:.03em;line-height:1.5;padding:16px 17px;color:#58636b}.photo-card:nth-child(3n+2) img{object-position:center 18%}@media(max-width:900px){.hero-side{display:flex}.hero-grid{gap:32px}.hero-side .portrait{height:380px;max-width:420px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.photo-grid{grid-template-columns:1fr 1fr;gap:10px}.photo-card img{height:185px}.photo-card figcaption{padding:10px;font-size:10px}.hero-side .portrait{height:350px}}
/* Principal UX revision — photographic story: preserve faces and award detail */
.photo-section{background:#f4f0e8;padding-block:clamp(60px,8vw,110px)}
.photo-section .section-heading{margin-bottom:36px}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.photo-card{background:#fff;border:1px solid #e7e0d6;box-shadow:0 4px 24px rgba(15,27,45,.045)}
.photo-card img,.photo-card:nth-child(3n+2) img{height:300px;object-fit:contain;object-position:center;background:#e4dfd7;filter:brightness(1.025) contrast(1.025) saturate(.93)}
.photo-card:nth-child(1){grid-column:span 2}
.photo-card:nth-child(1) img{height:410px}
.photo-card:nth-child(2) img{height:410px}
.photo-card figcaption{position:static;background:#fff;color:#28384b;font-size:13px;font-weight:650;letter-spacing:0;padding:20px 21px;line-height:1.55}
@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card:nth-child(1){grid-column:span 2}}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr;gap:18px}.photo-card:nth-child(1){grid-column:span 1}.photo-card img,.photo-card:nth-child(1) img,.photo-card:nth-child(2) img{height:auto;max-height:480px;object-fit:contain}.photo-card figcaption{font-size:13px;padding:15px 18px}}

/* HBM editorial redesign – consulting-grade storytelling, not a uniform photo wall */
.brandmark{width:48px;height:48px;background:#172637;color:#d5b882;font:600 16px 'DM Sans',sans-serif;letter-spacing:.015em;border:none}
.brand{letter-spacing:.13em}.brand small{letter-spacing:.19em}
.footer strong{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bda16d;width:45px;height:45px;font:700 15px 'DM Sans',sans-serif;letter-spacing:.02em}
.footer .wrap>div span{font-size:12px;font-weight:700;color:#fff}
.footer .wrap>div small{display:block;font-size:10px;letter-spacing:.1em;color:#9aa7b6;font-weight:400;margin-top:4px}
.editorial-section{background:#f3f0e9;padding:112px 0 100px}
.editorial-intro{display:grid;grid-template-columns:1.18fr .82fr;align-items:end;gap:70px;margin-bottom:50px}
.editorial-intro h2{font:400 clamp(42px,4.4vw,64px)/1.1 'Playfair Display',serif;letter-spacing:-.035em;margin:25px 0 0}
.editorial-intro h2 em{color:#a88c61;font-weight:400}
.editorial-intro>p{max-width:365px;color:#5c6875;font-size:15px;line-height:1.9;margin:0 0 8px}
.story-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:38px;align-items:start}
.story-layout figure,.moments-row figure,.archive-grid figure{margin:0}
.photo-mat{background:#e7e2da;display:flex;align-items:center;justify-content:center;overflow:hidden}
.photo-mat img{display:block;width:100%;height:390px;object-fit:contain;filter:saturate(.9) contrast(1.025)}
.photo-mat-wide img{height:510px;object-fit:contain}
.story-lead figcaption{padding:25px 5px 0}
.story-kicker{font-weight:700;color:#937a56;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.story-lead h3,.story-feature h3{font:400 clamp(27px,2.9vw,41px)/1.2 'Playfair Display',serif;margin:12px 0;color:#182b3d}
.story-lead p{max-width:540px;color:#58636e;font-size:14px;line-height:1.8}
.story-feature figcaption{padding:20px 0 4px}.story-feature h3{font-size:27px}
.story-quote{margin-top:36px;border-top:1px solid #bda984;padding-top:21px}
.story-quote .quote-mark{font:500 65px/1 'Playfair Display',serif;color:#b79b6b}
.story-quote p{font:italic 25px/1.45 'Playfair Display',serif;margin:0 0 22px;color:#25374a}
.quote-credit{font-size:10px;letter-spacing:.2em;color:#8b7b68;font-weight:700}
.moments-divider{display:flex;align-items:center;gap:24px;margin:74px 0 26px;font-size:10px;letter-spacing:.18em;font-weight:700;color:#8b795e}
.moments-divider div{height:1px;background:#d6cdbd;flex:1}
.moments-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.moment-frame{background:#e8e3db;min-height:200px;display:flex;align-items:center;justify-content:center}
.moment-frame img{display:block;width:100%;height:255px;object-fit:contain;filter:saturate(.92)}
.moments-row figcaption{padding:14px 0;font-size:12px;color:#34485c;font-weight:700}
.photo-archive{margin-top:39px;border-top:1px solid #d6cdbd;border-bottom:1px solid #d6cdbd;padding:21px 0}
.photo-archive summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.03em;list-style:none}
.photo-archive summary::-webkit-details-marker{display:none}
.photo-archive>p{font-size:13px;color:#69737b}
.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0 8px}
.archive-grid img{display:block;width:100%;height:215px;object-fit:contain;background:#e8e3db}
@media(max-width:900px){.editorial-intro{grid-template-columns:1fr;gap:20px}.story-layout{grid-template-columns:1fr 1fr;gap:20px}.photo-mat img{height:310px}.photo-mat-wide img{height:410px}.story-quote p{font-size:22px}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.editorial-section{padding:70px 0}.editorial-intro{margin-bottom:32px}.editorial-intro h2{font-size:43px}.story-layout{grid-template-columns:1fr;gap:30px}.photo-mat img,.photo-mat-wide img{height:auto;max-height:500px}.story-quote{margin-top:18px}.moments-divider{margin:48px 0 22px}.moments-row{grid-template-columns:1fr;gap:16px}.moment-frame img{height:auto;max-height:420px}.archive-grid img{height:180px}}
