/* The selected rising-photo composition, with real text, service cards and a scroll-driven path. */
:root{--growth-navy:#02091f;--growth-lime:#d7ff7b;--growth-nav:clamp(64px,4.306vw,82px)}
.growth-icon{width:24px;height:24px;flex:none;filter:invert(1)}
.button .growth-icon{filter:none;width:21px;height:21px}
.growth-nav{height:var(--growth-nav);background:#03091bf5;border-bottom:1px solid #ffffff06;font-family:Inter,Arial,sans-serif}
.growth-nav .nav-inner{height:var(--growth-nav);width:calc(100% - 8.6%);max-width:none;gap:32px}
.growth-nav .brand{margin-right:auto}
.growth-nav .brand>span{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:.46em;line-height:1.2}
.growth-nav .brand small{font-size:9px;letter-spacing:.36em;text-align:center;margin-top:4px}
.growth-nav .desktop-nav{gap:40px;font-size:14px}
.growth-nav .nav-actions{gap:26px}
.growth-nav .button{background:var(--growth-lime);font-size:14px;min-height:41px;padding:9px 20px;border:1px solid #edffb7;gap:17px}
.growth-nav .button:hover,.growth-invite .button:hover{background:#e7ffa9}
.growth-nav .menu-toggle{display:grid;place-items:center;border:0;width:30px;height:44px;padding:0}
.growth-nav .menu-toggle img{width:25px}
.growth-nav #mobile-menu{position:absolute;right:3%;top:100%;width:min(340px,94%);background:#07102afc;border:1px solid #ffffff25;box-shadow:0 20px 60px #0008;max-height:calc(100svh - var(--growth-nav));overflow:auto}
.growth-journey{position:relative;height:calc(100svh - var(--growth-nav) + 210svh);background:var(--growth-navy);font-family:Inter,Arial,sans-serif}
.growth-scene{height:calc(100svh - var(--growth-nav));min-height:640px;position:sticky;top:var(--growth-nav);overflow:hidden;isolation:isolate;container-type:size;background:var(--growth-navy)}
.growth-room{position:absolute;z-index:-1;left:0;top:calc(-1 * var(--growth-nav));width:100%;height:calc(100% + var(--growth-nav));object-fit:fill;max-width:none;pointer-events:none}
.growth-copy{position:absolute;top:3.8%;left:4.3%;width:46%;z-index:4;pointer-events:none}
.growth-copy h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(62px,5.35cqw,100px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0;color:#fffaf3}
.growth-copy h1 span,.growth-copy h1 em{display:block;white-space:nowrap}
.growth-copy h1 em{font-family:'DM Serif Display',Georgia,serif;font-size:1em;font-weight:400;letter-spacing:-.035em;line-height:1.06;margin-top:0}
.growth-copy p{font-size:clamp(15px,1.22cqw,23px);line-height:1.4;color:#c7c7d5;margin-top:24px;max-width:560px}
.growth-copy .growth-detail-link{background:transparent;border-bottom:1px solid #bfcbd6;padding:9px 0;display:flex;align-items:center;gap:18px;pointer-events:auto;font-size:13px;margin-top:15px;color:#d7ff7b;min-height:44px}
.growth-detail-link .growth-icon{width:18px;height:18px}
.growth-viewport,.growth-track{position:absolute;inset:0}
.growth-track{width:100%;height:100%}
#growth-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.growth-cards{list-style:none;margin:0;padding:0}
.growth-step{display:contents}
.growth-photo{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;background:#0a132b;border:1px solid #eee8dc80;border-radius:7px;overflow:hidden;box-shadow:0 9px 24px #0002;transform-origin:center bottom;transition:transform .35s,border-color .35s,box-shadow .35s;z-index:2}
.growth-photo img{width:100%;height:100%;object-fit:cover}
.growth-photo:hover,.growth-photo:focus-visible,.growth-step.is-active .growth-photo{transform:translateY(-8px) scale(1.035);border-color:var(--step-colour);box-shadow:0 0 0 1px var(--step-colour),0 16px 40px #0005;z-index:5}
.growth-label{position:absolute;left:calc(var(--nx) - .4%);top:calc(var(--ny) + 1.55%);background:transparent;padding:0;text-align:left;color:#f5f2f3;font-size:clamp(10px,.845cqw,16px);font-weight:400;line-height:1.5;white-space:nowrap;min-height:42px;z-index:3}
.growth-label span{display:block;color:var(--step-colour);font-size:1.3em;margin-bottom:1px}
.growth-label:hover{color:var(--step-colour)}
.growth-complete{position:absolute;left:92.35%;top:5.9%;font-size:clamp(12px,.99cqw,19px);line-height:1.35;color:#a9faff;z-index:3}
.growth-footer{position:absolute;left:4.1%;right:3%;bottom:5.9%;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:7}
.growth-scroll{background:transparent;color:#c7c4ce;display:flex;align-items:center;gap:19px;padding:0;font-size:14px;min-height:44px}
.growth-scroll img{width:20px;height:20px}
.growth-invite{display:flex;align-items:center;gap:15px}
.growth-invite .button{font-family:Inter,Arial,sans-serif;background:var(--growth-lime);border:1px solid #ecffb9;font-size:15px;min-height:46px;padding:11px 22px;gap:27px}
.growth-invite>span{color:#c1bdcc;text-transform:uppercase;letter-spacing:.16em;font-size:9px;line-height:1.6}
.growth-mobile-controls{display:none}
body.viewing-growth .mobile-contact{transform:translateY(120%);pointer-events:none}
#growth-dialog{padding:0;border:1px solid #ffffff30;border-radius:10px;background:#070e27;color:#fffaf3;max-width:900px;width:calc(100% - 48px);max-height:calc(100svh - 40px);overflow:auto}
#growth-dialog::backdrop{background:#000a;backdrop-filter:blur(9px)}
.growth-dialog-close{position:absolute;right:15px;top:15px;z-index:2;width:44px;height:44px;display:grid;place-items:center;background:#050b20d9;border:1px solid #ffffff35;border-radius:50%}
.growth-dialog-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch}
#growth-dialog-image{width:100%;height:100%;max-height:690px;object-fit:cover}
.growth-dialog-copy{padding:65px 38px 35px;display:flex;flex-direction:column;align-items:start;justify-content:center;font-family:Inter,Arial,sans-serif}
.growth-dialog-copy .eyebrow{color:#91f1ff}
.growth-dialog-copy h2{font-family:'DM Serif Display',Georgia,serif;font-size:54px;letter-spacing:-.035em;margin:16px 0 23px}
#growth-dialog-description{font-size:15px;line-height:1.6;color:#c1c7d6;margin-bottom:30px}
.growth-dialog-copy .button{background:var(--growth-lime);font-size:13px;gap:15px}
.growth-dialog-call{margin-top:16px;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}
.growth-concept-note{font-size:10px;color:#9babc1;margin-top:30px}
@media(min-width:821px) and (max-height:730px){.growth-scene{min-height:0}.growth-copy h1{font-size:5.35cqw}.growth-copy p{margin-top:15px;font-size:1.1cqw}.growth-footer{bottom:3%}.growth-copy .growth-detail-link{margin-top:4px}}
@media(max-width:1100px) and (min-width:821px){.growth-nav .brand>span{font-size:15px}.growth-nav .brand small{font-size:7px}.growth-nav .desktop-nav{gap:24px;font-size:12px}.growth-nav .nav-actions{gap:16px}.growth-nav .nav-inner{gap:25px}.growth-invite>span{display:none}.growth-invite .button{font-size:12px}.growth-scroll{font-size:12px}.growth-copy p{margin-top:20px}}
@media(max-width:820px){
 :root{--growth-nav:68px}
 .growth-nav .nav-inner{width:calc(100% - 40px);gap:15px}.growth-nav .brand>span{font-size:14px;letter-spacing:.24em}.growth-nav .brand small{font-size:6px;letter-spacing:.28em}.growth-nav .desktop-nav{display:none}.growth-nav .nav-actions{gap:12px}.growth-nav .button{font-size:11px;padding:8px 11px;gap:10px;min-height:39px}.growth-nav .button img{width:16px}.growth-nav .menu-toggle{width:25px}
 .growth-journey{height:calc(100svh - var(--growth-nav) + 230svh)}
 .growth-scene{height:calc(100svh - var(--growth-nav));min-height:650px;container-type:size}
 .growth-room{object-fit:cover;object-position:58% bottom;opacity:.72}
 .growth-copy{left:24px;top:30px;width:calc(100% - 48px)}
 .growth-copy h1{font-size:clamp(42px,8.4cqw,64px);line-height:1.05;letter-spacing:-.035em}.growth-copy h1 em{font-size:1em;letter-spacing:-.035em;margin-top:0;line-height:1.08}
 .growth-copy p{font-size:14px;line-height:1.65;margin-top:22px;max-width:410px}.growth-copy p br{display:none}.growth-copy .growth-detail-link{font-size:12px;margin-top:6px;min-height:35px;padding:4px 0}
 .growth-viewport{top:30%;bottom:122px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x pan-y;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
 .growth-viewport::-webkit-scrollbar{display:none}
 .growth-track{position:relative;width:2180px;height:100%;min-height:290px}
 .growth-photo{left:calc(var(--x) - 60px);top:calc(5% + var(--y) * .16);height:64%;width:190px;border-radius:8px;scroll-snap-align:center}
 .growth-label{top:calc(69% + var(--y) * .16 + 34px);left:calc(var(--x) - 60px);font-size:13px;min-height:48px}
 .growth-label span{font-size:16px;display:inline;margin-right:8px}
 .growth-complete{top:8%;font-size:15px;left:93%}
 .growth-mobile-controls{position:absolute;left:24px;right:24px;bottom:80px;display:flex;align-items:center;gap:12px;z-index:8;font-size:11px}
 .growth-mobile-controls button{width:40px;height:40px;border:1px solid #ffffff35;background:#06102ba8;display:grid;place-items:center;border-radius:50%}
 .growth-mobile-controls img{width:18px;height:18px}.growth-mobile-controls>a{margin-left:auto;min-height:44px;display:flex;align-items:center;border-bottom:1px solid #ffffff55}.growth-mobile-controls>span{min-width:43px;text-align:center;color:#d8d5e1}
 .growth-footer{left:24px;right:24px;bottom:20px}.growth-scroll{display:none}.growth-invite{width:100%}.growth-invite .button{width:100%;min-height:47px;padding:11px 19px;font-size:13px}.growth-invite>span{display:none}
 #growth-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px);border-radius:10px}.growth-dialog-layout{grid-template-columns:1fr}#growth-dialog-image{height:32svh;min-height:170px;object-position:center 35%}.growth-dialog-copy{padding:23px}.growth-dialog-copy h2{font-size:40px;margin:8px 0 14px}#growth-dialog-description{font-size:13px;margin-bottom:18px}.growth-dialog-copy .button{width:100%;min-height:47px}.growth-dialog-call{font-size:12px;margin-top:7px}.growth-concept-note{margin-top:10px;font-size:9px}
}
@media(max-width:380px){.growth-nav .nav-inner{width:calc(100% - 28px);gap:10px}.growth-nav .brand>span{font-size:12px}.growth-nav .nav-actions{gap:8px}.growth-nav .button{font-size:10px;gap:7px}.growth-copy{left:20px;width:calc(100% - 40px)}.growth-copy h1{font-size:39px}.growth-copy p{font-size:12px}.growth-viewport{top:33%}.growth-footer,.growth-mobile-controls{left:20px;right:20px}}
/* Keep the meeting button in view on shorter portrait phones. */
@media(max-width:820px) and (min-height:621px) and (max-height:740px){.growth-scene{min-height:0}.growth-viewport{top:max(33%,210px)}.growth-track{min-height:0}.growth-label{top:calc(69% + var(--y) * .16 + 26px)}.growth-copy .growth-detail-link{display:none}}
@media(max-width:820px) and (max-height:620px){.growth-journey{height:auto}.growth-scene{position:relative;top:0;height:680px}.growth-viewport{top:32%}}
@media(prefers-reduced-motion:reduce){.growth-journey{height:auto}.growth-scene{position:relative;top:0}.growth-photo{transition:none}.growth-scroll{visibility:hidden}}
/* The screening-room gutter follows the existing 16px shell on small phones. */
@media(max-width:380px){.watch-section .library-tools{margin-inline:-16px;padding-inline:16px}.watch-section .filters{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}}
@media(min-width:821px) and (max-height:600px){.growth-complete{font-size:9px;top:2%;left:auto;right:8px;white-space:nowrap}}

/* Phone ergonomics without changing the selected Studio composition. */
@media(max-width:820px){
 .growth-nav .menu-toggle{width:44px;height:44px;flex-shrink:0}.growth-nav .button{min-height:44px}
 .growth-mobile-controls button{width:44px;height:44px;flex-shrink:0}
 .growth-copy .growth-detail-link{min-height:44px}.growth-dialog-call{min-height:44px;display:flex;align-items:center}
 .growth-dialog-copy #growth-dialog-description{font-size:15px;line-height:1.65}.growth-concept-note{font-size:11px;line-height:1.6}
}
@media(max-width:380px){.growth-nav .nav-inner{gap:6px}.growth-nav .nav-actions{gap:5px}.growth-copy p{font-size:14px;line-height:1.5}}