.story-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:46% 54%;min-height:786px;padding:125px 30px 89px 65px;background:#002a3a;overflow:hidden;color:#f3f1ec;margin-bottom:100px}
.story-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#002a3ae6,#002a3aa6),url('/assets/hong-kong.jpg') center/cover;filter:grayscale(.8);opacity:.45;transition:opacity 1.75s}
.story-hero:after{content:'';position:absolute;inset:0;background:#f3f1ec;z-index:-1;opacity:0;transition:opacity 1.75s .75s}
.story-pattern{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 78% 60%,transparent 15%,#f3f1ec99 70%),url('/assets/orbit-pattern.svg') center/cover;transition:opacity 1.75s 2.75s}
.story-copy{position:relative;z-index:3;padding:32px 25px 0 0;align-self:center;min-height:400px}.story-words{transition:opacity .7s;min-height:280px}.story-lead{font-family:var(--serif);font-size:clamp(29px,2.85vw,41px);line-height:1.45;font-weight:400}.story-emphasis{font-family:var(--serif);font-size:clamp(45px,5.15vw,78px);line-height:1.3;font-style:italic;color:#bba984;margin-top:18px;letter-spacing:-2px}.story-letter{opacity:0;transition:opacity .75s;transition-delay:var(--delay)}.story-hero.words-in .story-letter{opacity:1}.story-hero.words-out .story-words{opacity:0}.story-cta{opacity:0;visibility:hidden;transition:opacity .75s;margin:35px 12px 0}.story-images{position:relative;height:572px;z-index:2;min-width:0}.story-photo{margin:0;position:absolute;overflow:hidden}.story-photo img{transform:translateX(-30px);opacity:0;transition:transform 1.75s ease-in-out,opacity 1.75s ease-in-out;filter:grayscale(1)}.story-first{left:0;bottom:0;width:66%;height:508px;z-index:2;transition:width 1.75s ease-in-out,height 1.75s ease-in-out}.story-first img{transition-delay:.25s;object-position:38% center}.story-second{right:0;top:0;width:85%;height:505px;transition:opacity .75s}.story-second img{transition-delay:.45s;object-position:50% 28%}.story-hero.pictures-in .story-first img,.story-hero.pictures-in .story-second img{opacity:1;transform:none}.story-third{right:15px;top:0;width:58%;height:386px;overflow:visible;z-index:4;opacity:0;transition:opacity .75s}.story-third img{opacity:1;transform:none;filter:saturate(.5);position:relative;z-index:1;object-position:50% 20%}.story-third:after{content:'';position:absolute;inset:0;background:#354431;transform:translate(0,0);transition:transform .75s .5s}.story-wordmark{position:absolute;z-index:5;bottom:-35px;left:-105px;font:italic 65px/1.3 Georgia,serif;white-space:nowrap;color:#806a4d;clip-path:inset(0 100% 0 0);transition:clip-path 2.5s ease}
.story-hero[data-scene="2"]:after,.story-hero[data-scene="3"]:after{opacity:1}.story-hero[data-scene="2"]:before,.story-hero[data-scene="3"]:before{opacity:0}.story-hero[data-scene="2"] .story-pattern,.story-hero[data-scene="3"] .story-pattern{opacity:.55}.story-hero[data-scene="2"] .story-lead{color:#3b5542}.story-hero.expand .story-second{opacity:0}.story-hero.expand .story-first{width:94%}.story-hero.expand .story-third{opacity:1}.story-hero.expand .story-third:after{transform:translate(26px,31px)}.story-hero[data-scene="3"] .story-lead{font-size:clamp(52px,6.1vw,92px);color:#806a4d;line-height:1.18;letter-spacing:-2px}.story-hero[data-scene="3"] .story-emphasis{font-family:var(--sans);font-size:20px;font-style:normal;letter-spacing:1px;line-height:1.8;color:#806a4d}.story-hero.finished .story-cta{opacity:1;visibility:visible}.story-hero.finished .story-wordmark{clip-path:inset(0)}.story-rail{position:absolute;left:30px;top:62px;width:1px;height:calc(100% - 124px);background:#bba98433;z-index:4}.story-rail span{position:absolute;left:-9px;top:-30px;color:#bba984;font:26px Georgia}.story-rail:after{content:'';position:absolute;top:0;width:1px;height:var(--progress,0%);background:#bba984}.story-rail i{position:absolute;top:var(--progress,0%);left:-3px;width:7px;height:7px;background:#bba984;border-radius:50%}.story-control{position:absolute;left:65px;bottom:28px;border:1px solid #bba98488;color:#bba984;width:34px;height:34px;border-radius:50%;z-index:5;font-size:14px}.story-hero[data-scene="3"] .story-control{color:#806a4d}
.motion-ready [data-reveal]{opacity:0;transform:translateY(55px);transition:opacity .85s ease,transform 1.15s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.service-card{transition:background .4s,transform .4s!important}.service-card:hover{transform:translateY(-7px)!important}.service-card .text-link span:last-child{transition:transform .4s}.service-card:hover .text-link span:last-child{transform:translateX(9px)}.company-collage{padding:38px 0 50px 42px;position:relative}.company-photo{width:90%;height:341px;z-index:2;transform:translate(0,0);transition:transform .75s 1s}.company-collage.is-visible .company-photo{transform:translate(-42px,-38px)}.company-panel{margin:-260px 0 0 45px;padding:290px 35px 37px;position:relative;min-height:610px;clip-path:inset(0 0 100%);transition:clip-path 1.5s .25s}.company-collage.is-visible .company-panel{clip-path:inset(0)}.company-panel:after{content:'';position:absolute;left:-35px;bottom:-35px;width:calc(100% + 35px);height:1px;background:#bba984;transform:scaleX(0);transform-origin:left;transition:transform 1.75s 1.5s}.company-collage.is-visible .company-panel:after{transform:scaleX(1)}.company-panel h2{font-size:clamp(34px,3.8vw,56px)}.contact-band:before{content:'';position:absolute;inset:0;background:url('/assets/hong-kong-tower.jpg') center/cover;opacity:.075;mix-blend-mode:luminosity;pointer-events:none}.contact-band>*{position:relative}.contact-band>img{transition:clip-path 1.5s,transform 1.5s;clip-path:inset(0 100% 0 0);transform:translateX(-25px)}.contact-band.is-visible>img{clip-path:inset(0);transform:none}.insight-window{overflow:hidden;touch-action:pan-y}.insight-slider{display:flex;transition:transform .85s cubic-bezier(.25,.65,.25,1)}.insight-slider>.insight-track{flex:0 0 100%;min-width:0}.insight-art{background:radial-gradient(ellipse at center,#bba98418,transparent 70%)}.carousel-dots button{transition:background .25s,transform .25s}.carousel-dots button[aria-current=true]{transform:scale(1.25)}.nav-menu .submenu{display:block;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}.nav-menu:hover .submenu,.nav-menu:focus-within .submenu{visibility:visible;opacity:1;transform:none}.ornate-button{transition:background .3s,color .3s}.footer-logo{background:transparent!important}.page-hero{background-image:linear-gradient(90deg,#002a3afa,#002a3ae8),url('/assets/hong-kong.jpg');background-size:cover;background-position:center}
@media(min-width:1600px){.story-hero{padding-left:max(65px,calc((100vw - 1500px)/2));padding-right:max(30px,calc((100vw - 1600px)/2))}}
@media(max-width:1200px){.story-hero{grid-template-columns:45% 55%;padding-top:85px;min-height:690px}.story-images{height:500px}.story-first{height:400px}.story-second{height:417px}.story-third{height:291px}.story-wordmark{font-size:54px;left:-65px}.story-copy{min-height:360px}.story-emphasis{font-size:52px}}
@media(max-width:1005px){.story-hero{grid-template-columns:1fr;padding:65px 40px 100px 65px;gap:55px;min-height:0}.story-copy{min-height:280px;padding:0}.story-words{min-height:210px}.story-images{width:min(700px,100%);justify-self:end}.story-lead{font-size:36px}.story-emphasis{font-size:65px}.story-hero[data-scene="3"] .story-lead{font-size:76px}.story-cta{margin-top:20px}.story-wordmark{left:-20px}.company{grid-template-columns:1fr;gap:30px}.company-collage{max-width:620px}.company-values{padding-top:0}}
@media(max-width:650px){.story-hero{padding:55px 27px 85px 38px;gap:40px;margin-bottom:30px}.story-rail{left:18px;top:58px;height:280px}.story-copy{min-height:255px}.story-words{min-height:190px}.story-lead{font-size:27px}.story-emphasis{font-size:clamp(35px,9vw,53px);letter-spacing:-1px}.story-hero[data-scene="3"] .story-lead{font-size:clamp(45px,12vw,68px)}.story-hero[data-scene="3"] .story-emphasis{font-size:16px}.story-images{height:330px}.story-first{height:270px;width:63%}.story-second{height:285px;width:80%}.story-third{width:54%;height:195px;right:8px}.story-hero.expand .story-third:after{transform:translate(15px,20px)}.story-wordmark{font-size:42px;left:-8px;bottom:-34px}.story-control{left:38px;bottom:17px}.company-collage{padding:25px 0 40px 20px}.company-photo{height:230px;width:94%}.company-collage.is-visible .company-photo{transform:translate(-20px,-25px)}.company-panel{margin:-180px 0 0 15px;padding:205px 24px 28px;min-height:440px}.company-panel h2{font-size:34px}.company-panel p{font-size:16px}.company-panel:after{left:-15px;width:calc(100% + 15px);bottom:-25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}.motion-ready [data-reveal]{opacity:1;transform:none}.story-letter{opacity:1}.story-control{display:none}}