:root{--ink:#10150f;--cream:#eeeee6;--muted:#67715f;--line:#cdd0c4;--lime:#d0e7a9;--green:#334f37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #739c4a;outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.03;letter-spacing:-.055em}h2{font-size:clamp(45px,5.5vw,88px)}h3{font-size:31px;letter-spacing:-.045em}em{font-style:normal;color:#6d855a}.eyebrow{font:10px/1.5 'Courier New',monospace;letter-spacing:.13em}.header{height:104px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;padding:0 5%;z-index:20;color:#eeeee6}.brand{display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.2;letter-spacing:.04em}.brand-bottom{font-size:8.5px;letter-spacing:.055em}.brand-symbol{font-size:48px;font-weight:400;line-height:1;letter-spacing:-.1em;position:relative}.brand-symbol span{font-size:22px;position:absolute;top:-5px;right:-4px;color:var(--lime)}.desktop-nav{display:flex;gap:38px;font-size:12px}.desktop-nav a{opacity:.7}.desktop-nav a:hover{opacity:1}.header-cta{display:flex;align-items:center;gap:32px;border:1px solid #69705d;padding:12px 20px;font-size:12px}.menu-toggle{display:none}.skip{position:fixed;top:5px;left:5px;background:var(--cream);color:var(--ink);z-index:200;padding:15px;transform:translateY(-140%)}.skip:focus{transform:none}.intro{height:450svh;position:relative}.intro-sticky{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 53% 52%,#273024 0,#13180f 44%,#0e120c 80%)}#particles{position:absolute;width:100%;height:100%;inset:0;z-index:1}.intro-grid{position:absolute;inset:105px 5% 76px;border-top:1px solid #76856626;border-bottom:1px solid #76856626;background:linear-gradient(90deg,transparent calc(50% - .5px),#76856613 50%,transparent calc(50% + .5px));pointer-events:none}.intro-top{position:absolute;top:130px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px 'Courier New';letter-spacing:.07em;color:#a2ad96}.status-dot{width:5px;height:5px;display:inline-block;border-radius:100%;background:var(--lime);margin-right:7px;box-shadow:0 0 12px #d0e7a97a}.hero-copy{position:absolute;left:8%;top:32%;z-index:2;pointer-events:none}.hero-copy .eyebrow{color:#b8c7ab;margin-bottom:21px}.hero-copy h1{font-size:clamp(72px,8.5vw,136px);letter-spacing:-.075em;line-height:.9}.hero-copy em{color:var(--lime)}.hero-copy>p:last-child{font-size:13px;margin-top:27px;color:#a2ad96}.leader-copy{position:absolute;z-index:2;left:73%;top:52%;width:22%}.leader-copy .eyebrow{color:#a3b48f}.leader-copy p{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:15px 0}.leader-copy>span:last-child{font-size:10px;display:block;max-width:180px;color:#a5ac9b}.intro-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-prompt{display:flex;align-items:center;gap:15px;font:9px 'Courier New';letter-spacing:.1em;color:#a2ad96}.scroll-track{display:block;width:20px;height:30px;border:1px solid #7f8d70;border-radius:12px;position:relative}.scroll-track:after{content:'';width:2px;height:6px;background:#c6d8a8;position:absolute;left:8px;top:6px;animation:scroll 2s infinite}@keyframes scroll{50%{transform:translateY(10px);opacity:.2}}.intro-progress{display:flex;align-items:center;gap:15px;font:10px 'Courier New';color:#adb99e}.intro-progress div{height:1px;background:#5a664d;width:120px}.intro-progress i{display:block;height:1px;background:var(--lime);width:0}.quiet{color:inherit;font:10px 'Courier New';letter-spacing:.03em;padding:0}.skip-intro{position:absolute;right:5%;bottom:95px;font-size:10px;z-index:3;color:#b7c3aa}.section{padding:85px 8%}.light{color:var(--ink);background:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:62px}.little-mark{font-size:38px;line-height:1}.message{padding-top:76px;padding-bottom:116px;border-bottom:1px solid var(--line)}.quote-grid{display:grid;grid-template-columns:1fr 6fr}.quote-symbol{font-size:110px;color:#7c8f6f;line-height:.85}.message h2{font-size:clamp(48px,6.3vw,100px);letter-spacing:-.065em}.quote-body{margin-top:48px;width:65%;margin-left:auto;font-size:14px;line-height:1.8}.quote-body p+p{margin-top:18px}.signature{display:block;margin-top:27px;font-size:12px;font-weight:bold}.signature span{font-weight:normal;color:var(--muted);margin-left:10px}.about{padding-top:85px}.about-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.about-heading>div{max-width:390px;padding-top:9px}.about-heading p{font-size:20px;line-height:1.5;letter-spacing:-.03em}.about-heading p.muted{font-size:14px;letter-spacing:0;margin-top:21px}.muted{color:var(--muted)}.text-link{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;font-size:12px;padding-bottom:8px;border-bottom:1px solid currentColor}.about .text-link{margin-top:30px}.text-link span{font-size:20px;line-height:1}.metrics{display:grid;grid-template-columns:1fr 1fr 1.15fr;margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:32px 30px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border-left:0}.metrics strong{display:block;font-size:82px;line-height:1;letter-spacing:-.07em;font-weight:400}.metrics strong span{font-size:40px;color:#657c50;margin-left:5px}.metrics p{font-size:11px;color:var(--muted);margin-top:15px}.metrics .metric-statement{padding-left:40px}.metric-statement .eyebrow{color:var(--muted)}.metric-statement p{font-size:24px;line-height:1.25;letter-spacing:-.04em;color:var(--ink);margin-top:24px}.principles{display:flex;justify-content:space-between;margin-top:25px;font:10px 'Courier New';text-transform:uppercase;letter-spacing:.06em}.principles span:before{content:'+';margin-right:12px;color:#66884b}.solutions{position:relative;background:#11170f}.solutions-scroll{height:390svh;position:relative}.solutions-sticky{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;padding:58px 8% 35px}.solution-heading{position:relative;z-index:2;pointer-events:none}.solution-heading .eyebrow{color:#a1ae93}.solution-heading h2{margin-top:24px;font-size:clamp(45px,5.2vw,80px)}.solution-heading h2 em{color:var(--lime)}.solution-heading p{font-size:12px;color:#9fac91;margin-top:20px}.model-view{position:absolute;inset:0}.model-view canvas{width:100%;height:100%;position:absolute}.model-tag{position:absolute;right:8%;top:60px;font:9px 'Courier New';letter-spacing:.1em;color:#acba9c}.model-spec{position:absolute;left:40%;right:8%;top:62%;display:flex;justify-content:space-between;border-top:1px solid #64745466;padding-top:10px;font:8px 'Courier New';color:#a9b89a;letter-spacing:.08em}.solution-bottom{position:absolute;bottom:40px;left:8%;right:8%;z-index:2}.solution-tabs{display:flex;border-bottom:1px solid #63745455;margin-bottom:26px;width:100%}.solution-tabs button{color:#809271;display:flex;align-items:center;gap:12px;padding:12px 0 15px;margin-right:45px;font-size:12px;position:relative}.solution-tabs button[aria-selected=true]{color:#e1edcc}.solution-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--lime)}.solution-tabs span{font:9px 'Courier New'}.solution-description{display:grid;grid-template-columns:1fr 1fr;gap:10%}.solution-description .eyebrow{color:#9eb889;font-size:8px}.solution-description h3{font-size:29px;margin-top:10px}.solution-description p{font-size:13px;color:#b0bba5;max-width:430px;margin-top:7px}.model-note{font:8px/1.5 'Courier New';color:#8d9b7f;display:block;margin-top:20px;letter-spacing:.02em}.delivery{border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:90px}.delivery-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;margin-top:40px}.delivery h2{font-size:52px}.delivery-options>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:0 0 25px;border-bottom:1px solid var(--line)}.delivery-options>div+div{padding-top:25px}.delivery-options>div>span{font:10px 'Courier New';color:#6d855a;margin-top:5px}.delivery-options h3{font-size:26px}.delivery-options p{grid-column:2;font-size:13px;color:var(--muted);margin-top:12px}.projects h2{font-size:clamp(44px,5.4vw,82px)}.featured-project{margin-top:48px}.project-art{position:relative;overflow:hidden;background:#c7d3c3}.project-art svg{display:block;width:100%;max-height:560px;object-fit:cover;transition:transform 1s}.project-art:hover svg{transform:scale(1.025)}.project-type{position:absolute;left:25px;top:25px;color:#3b523f;border:1px solid #8da38b;font:9px 'Courier New';padding:7px 10px;letter-spacing:.05em}.round-link{position:absolute;bottom:26px;right:28px;background:var(--cream);color:var(--ink);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px}.project-meta{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.project-meta h3{font-size:28px;margin-top:10px}.project-meta strong{font-size:38px;letter-spacing:-.05em;font-weight:400}.project-meta strong span{font-size:15px;letter-spacing:0}.project-meta p{font-size:11px;color:var(--muted)}.project-detail{padding:28px 0;border-bottom:1px solid var(--line);font-size:14px;max-width:850px}.project-detail dl{display:flex;gap:50px;font-size:11px;margin-top:24px}.project-detail dt{color:var(--muted)}.project-detail dd{margin:5px 0}.portfolio-note{margin-top:35px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:30px;font-size:11px}.portfolio-note>span{font:9px 'Courier New';color:var(--muted)}.portfolio-note p i{font-style:normal;margin-left:12px;color:#7c8f6f}.presence{padding-top:78px;padding-bottom:45px;background:#243320}.presence .section-top{color:#aabb9a}.presence-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.presence h2{font-size:58px}.presence em{color:#c5dba9}.presence p{font-size:13px;color:#b7c4a9;max-width:300px;margin-top:28px}.presence .text-link{margin-top:35px;color:#d4e4bd}.region-view svg{width:100%;height:auto}.region-view .model-note{text-align:right;margin-top:0;color:#99ae86}.market-list{display:flex;justify-content:space-between;border-top:1px solid #b9d09e3b;padding-top:24px;margin-top:35px;font-size:15px}.market-list small{font:9px 'Courier New';color:#a5ba91;margin-left:20px}.experience-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.experience-heading p{font-size:16px}.experience-heading p+p{font-size:13px;margin-top:12px;max-width:350px}.game-wrap{background:#e2e4d9;margin-top:45px;padding:40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px}.game-source,.game-sink{display:flex;align-items:center;gap:18px;font:9px/1.7 'Courier New';letter-spacing:.07em;justify-content:center}.energy-icon{font-size:50px;color:#7f995f}.city-icon{font-size:48px;color:#7b8e68}.game-board{display:grid;grid-template-columns:repeat(3,70px);gap:6px}.tile{width:70px;height:70px;background:#d6dbcb;border:1px solid #c2ccb5;position:relative;padding:0;transition:background .3s}.tile:hover{background:#c8d3ba}.tile svg{width:100%;height:100%;display:block;transition:transform .25s}.tile path{stroke:#7f8d72;stroke-width:5;fill:none;stroke-linejoin:round;stroke-linecap:round}.tile.powered{background:#c2d5a4;border-color:#8ca567}.tile.powered path{stroke:#456b32}.game-board.solved .tile.powered{box-shadow:0 0 18px #92b36744}.game-footer{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;border-top:1px solid #bfcab3;padding-top:22px;margin-top:5px;font-size:11px}.game-footer .text-link{font-size:10px}.contact{padding-top:75px;padding-bottom:24px;background:#10160e}.contact .section-top{color:#9eaf90}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.contact h2{position:relative;font-size:clamp(55px,6.8vw,105px)}.contact h2 em{color:var(--lime)}.contact-arrow{display:block;font-size:90px;margin-top:25px;color:#cae3a5}.contact-grid>div>p{font-size:12px;color:#98a98b;margin-top:20px}.contact label{display:block;font-size:10px;color:#b8c4a9;margin-bottom:22px}.contact input,.contact textarea,.contact select{display:block;background:transparent;border:0;border-bottom:1px solid #82966c55;border-radius:0;padding:9px 0 11px;width:100%;color:#e9ecdf;outline-offset:3px;font-size:13px}.contact select{appearance:auto}.contact option{background:#192015}.contact input::placeholder,.contact textarea::placeholder{color:#748768}.contact textarea{resize:vertical}.submit{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;width:100%;background:var(--lime);color:#233418;font-size:12px}.submit span{font-size:20px}.form-note{color:#a4b296;font-size:9px;margin-top:13px;line-height:1.6}.contact #form-result{margin-top:20px}.contact #copy-status{font-size:10px;color:#c5dba9;margin-top:10px}.footer-brand{display:inline-block;font-size:clamp(32px,5.5vw,84px);line-height:.95;letter-spacing:-.04em;font-weight:400;position:relative;margin-top:110px}.footer-brand>span{font-size:20px;position:absolute;top:0;right:-35px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #82966c33;margin-top:45px;padding-top:24px;font-size:9px;color:#9baa8e;gap:20px}.footer-bottom button{font-size:9px}.mobile-menu{display:none}.noscript{position:fixed;bottom:0;padding:15px;background:var(--cream);color:var(--ink);z-index:60}dialog{border:0;background:var(--cream);color:var(--ink);max-width:600px;width:90%;padding:45px;max-height:90svh;overflow:auto}dialog::backdrop{background:#0b120bcc;backdrop-filter:blur(8px)}dialog h2{font-size:44px;margin-top:25px}dialog p{font-size:13px;margin-top:20px}dialog ul{font-size:12px;padding-left:20px;line-height:1.8}dialog .dialog-close{position:absolute;top:10px;right:15px;font-size:30px}dialog .submit{margin-top:25px}#asset-controls{margin-top:20px}.asset-control{border-top:1px solid #bac6ac;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-control label{font-size:10px}.asset-control input{display:block;width:100%;font-size:11px;margin-top:5px;padding:7px;border:1px solid #bac6ac;background:#f5f5ef}.asset-control .upload{grid-column:1/-1}.asset-control small{grid-column:1/-1;color:#627052;font-size:9px}[hidden]{display:none!important}
@media(min-height:1000px){.solutions-sticky{min-height:900px}.model-spec{top:65%}.solution-bottom{bottom:55px}}
@media(max-width:1000px){.header{padding:0 5%;height:90px}.desktop-nav{gap:25px}.hero-copy{left:6%}.hero-copy h1{font-size:95px}.leader-copy{left:73%;top:59%}.leader-copy p{font-size:22px}.leader-copy>span:last-child{font-size:9px}.section{padding-left:6%;padding-right:6%}.quote-body{width:80%}.solutions-sticky{padding-left:6%;padding-right:6%}.solution-bottom{left:6%;right:6%}.model-tag{right:6%}.delivery h2{font-size:45px}.presence h2{font-size:48px}.game-wrap{gap:15px;padding:30px}.game-source,.game-sink{flex-direction:column;text-align:center;gap:10px}.portfolio-note{gap:18px}.contact-grid{gap:8%}}
@media(max-width:700px){html{scroll-padding-top:24px}.header{height:84px;padding:0 6%}.brand{font-size:10px}.brand-bottom{font-size:7px}.brand-symbol{font-size:39px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;font-size:23px;line-height:1;padding:10px}.mobile-menu{display:flex;position:fixed;inset:0;background:#152010f5;color:var(--cream);z-index:19;flex-direction:column;padding:110px 8% 40px;gap:21px;backdrop-filter:blur(15px)}.mobile-menu a{font-size:23px;letter-spacing:-.04em}.header.menu-active{position:fixed}.intro{height:400svh}.intro-top{top:105px;left:6%;font-size:7px}.intro-coordinate{display:none}.intro-grid{inset:90px 6% 70px}.hero-copy{top:20%;left:7%}.hero-copy .eyebrow{font-size:8px;margin-bottom:15px}.hero-copy h1{font-size:clamp(62px,19vw,100px)}.hero-copy>p:last-child{font-size:11px;margin-top:18px}.leader-copy{left:54%;top:71%;width:40%}.leader-copy .eyebrow{font-size:8px}.leader-copy p{font-size:21px;margin:8px 0}.leader-copy>span:last-child{font-size:8px;max-width:150px}.intro-bottom{left:6%;right:6%;bottom:25px}.scroll-prompt{font-size:7px;gap:8px}.scroll-track{width:15px;height:24px}.scroll-track:after{left:6px}.intro-progress{gap:9px;font-size:8px}.intro-progress div{width:50px}.intro-bottom .quiet{font-size:8px}.skip-intro{bottom:87px;right:6%;font-size:9px}.section{padding:55px 7%}.section-top{margin-bottom:36px;gap:15px;align-items:start}.section-top>.eyebrow:last-child:not(:first-child){text-align:right;font-size:8px;max-width:150px}.eyebrow{font-size:8px}.quote-grid{grid-template-columns:1fr}.quote-symbol{font-size:70px;height:52px}.message h2{font-size:clamp(37px,9vw,63px)}.quote-body{width:100%;margin-top:30px;font-size:12px;line-height:1.8}.signature{font-size:10px}.signature span{margin-left:4px}.about-heading{display:block}.about-heading h2{font-size:56px}.about-heading>div{padding-top:32px;max-width:none}.about-heading p{font-size:19px}.about-heading p.muted{font-size:12px}.about .text-link{margin-top:24px}.metrics{margin-top:45px;grid-template-columns:1fr 1fr}.metrics>div{padding:24px 18px}.metrics strong{font-size:65px}.metrics strong span{font-size:30px}.metrics p{font-size:9px}.metrics .metric-statement{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.metric-statement p{margin:0;font-size:21px}.principles{gap:10px;font-size:7px}.principles span:before{margin-right:5px}.solutions-scroll{height:330svh}.solutions-sticky{height:100svh;min-height:650px;padding:34px 7% 25px}.solution-heading h2{font-size:41px;line-height:.95;margin-top:14px}.solution-heading p{display:none}.model-tag{right:7%;top:38px;font-size:6px;max-width:110px;text-align:right}.model-spec{left:7%;right:7%;top:57%;font-size:6px}.solution-bottom{left:7%;right:7%;bottom:26px}.solution-tabs{margin-bottom:20px;justify-content:space-between}.solution-tabs button{font-size:10px;margin-right:0;gap:7px;padding:10px 0}.solution-tabs span{font-size:7px}.solution-description{display:block}.solution-description h3{font-size:25px;margin-top:7px;max-width:250px}.solution-description h3 br{display:none}.solution-description .eyebrow{font-size:6px}.solution-description p{font-size:11px;margin-top:12px;line-height:1.6;max-width:100%}.model-note{font-size:6px;margin-top:14px}.delivery-grid{display:block;margin-top:28px}.delivery h2{font-size:46px}.delivery-options{margin-top:40px}.delivery-options h3{font-size:24px}.delivery-options p{font-size:12px}.projects .section-top{align-items:center}.projects .text-link{font-size:9px;gap:12px;white-space:nowrap}.projects h2{font-size:43px}.featured-project{margin-top:30px}.project-art svg{height:310px;width:100%;object-fit:cover}.project-type{font-size:7px;left:15px;top:15px}.round-link{width:40px;height:40px;right:15px;bottom:15px}.project-meta{display:block;padding:20px 0}.project-meta h3{font-size:24px}.project-meta>div+div{display:flex;align-items:baseline;gap:18px;margin-top:20px}.project-meta strong{font-size:30px}.project-meta p{font-size:9px}.project-detail{font-size:12px}.project-detail dl{flex-direction:column;gap:14px}.portfolio-note{grid-template-columns:1fr;gap:12px;margin-top:25px}.portfolio-note>span{margin-bottom:5px}.portfolio-note p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.presence-grid{display:block}.presence h2{font-size:48px}.presence p{font-size:12px;max-width:100%}.region-view{margin-top:35px}.market-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px}.market-list small{font-size:8px}.experience-heading{display:block}.experience h2{font-size:53px}.experience-heading>div{margin-top:25px}.experience-heading p{font-size:14px}.experience-heading p+p{font-size:12px;max-width:100%}.game-wrap{padding:24px 10px;gap:12px;grid-template-columns:1fr auto 1fr}.game-board{grid-template-columns:repeat(3,52px);gap:4px}.tile{width:52px;height:52px}.game-source,.game-sink{font-size:6px;gap:8px}.energy-icon,.city-icon{font-size:30px}.game-footer{margin-top:5px;display:block;text-align:center;padding:18px 8px 0}.game-footer p{font-size:10px}.game-footer .text-link{margin-top:14px;font-size:9px}.contact .section-top{margin-bottom:40px}.contact-grid{display:block}.contact h2{font-size:66px}.contact-arrow{font-size:65px;margin-top:15px}.contact-grid>div>p{font-size:11px;margin-top:15px}.contact form{margin-top:45px}.contact label{font-size:9px}.contact input,.contact select,.contact textarea{font-size:12px}.footer-brand{margin-top:70px;font-size:38px}.footer-brand>span{font-size:14px;right:-23px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:7px;gap:16px;margin-top:30px}.footer-bottom>*:nth-child(even){text-align:right}.footer-bottom button{font-size:7px;text-align:left}.contact{padding-bottom:22px}dialog{padding:32px 25px}dialog h2{font-size:36px}.asset-control{grid-template-columns:1fr}.asset-control .upload{grid-column:1}}
@media(max-width:359px){.game-board{grid-template-columns:repeat(3,44px)}.tile{width:44px;height:44px}.hero-copy h1{font-size:62px}.message h2{font-size:32px}.contact h2{font-size:56px}.footer-brand{font-size:31px}.principles{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{height:180svh}.intro-sticky{position:relative}.solutions-scroll{height:auto}.solutions-sticky{position:relative;height:850px}.solution-description .model-note{display:none}}

.game-source,.game-sink{align-self:start;padding-top:12px}
/* QTG presentation enhancements, adapted from licensed OVERSHOOT components. */
#particle-mosaic{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#particles{transition:opacity .2s}.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--lime);transform-origin:left;z-index:100;pointer-events:none}.desktop-nav a[aria-current=true]{opacity:1}.experience-tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-top:45px}.experience-tabs button{font:10px 'Courier New';display:flex;gap:12px;color:var(--muted);padding:16px 0;position:relative}.experience-tabs button span{font:13px Arial}.experience-tabs button[aria-selected=true]{color:var(--ink)}.experience-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--green)}.game-wrap{margin-top:30px}#experience-arcade{margin-top:30px}.arcade-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:28px 32px;background:#243320;color:var(--cream)}.arcade-heading h3{font-size:28px;margin-top:10px}.arcade-heading .eyebrow{color:#b0c39c}.arcade-heading>p{font-size:11px;color:#b0c39c}.ricochet-stage{--accent:#d0e7a9;position:relative;width:100%;aspect-ratio:16/9;min-height:330px;overflow:hidden;background:#11170f;outline-offset:-4px;cursor:crosshair}.ricochet-stage canvas{display:block;width:100%;height:100%}.ricochet-stage[data-phase=playing]{cursor:none}.ricochet-lives{position:absolute;top:23px;right:24px;display:flex;gap:8px}.ricochet-lives i{width:6px;height:6px;border-radius:50%;background:#d0e7a926}.ricochet-lives i.available{background:var(--lime)}.ricochet-overlay{position:absolute;bottom:23px;right:24px;display:flex;align-items:center;gap:20px}.ricochet-outcome{font:9px 'Courier New';letter-spacing:.15em;color:var(--lime);background:#11170f}.ricochet-play{padding:12px 24px;border:1px solid #d0e7a966;color:var(--lime);background:#11170f;font:10px 'Courier New';text-transform:uppercase;letter-spacing:.17em}.ricochet-play:hover{background:var(--lime);color:var(--ink)}.ricochet-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;background:#243320;color:var(--lime);font-size:10px}.ricochet-toolbar>div{display:flex;gap:24px}.ricochet-toolbar button{text-decoration:underline;text-underline-offset:4px;font-size:10px;padding:0}.arcade-help{font:10px/1.7 'Courier New';color:var(--muted);margin-top:18px;max-width:750px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.experience-tabs{margin-top:30px;gap:28px}.experience-tabs button{font-size:8px;gap:8px}.experience-tabs button span{font-size:11px}.arcade-heading{padding:22px;align-items:start;flex-direction:column;gap:16px}.arcade-heading h3{font-size:25px}.arcade-heading>p{font-size:10px}.ricochet-stage{aspect-ratio:4/5;min-height:340px}.ricochet-toolbar{padding:16px;gap:15px;font-size:9px}.ricochet-toolbar>div{gap:18px;align-items:start}.ricochet-toolbar button{font-size:9px;white-space:nowrap}.ricochet-status{max-width:185px}.ricochet-overlay{right:18px;bottom:18px}.ricochet-play{font-size:9px;padding:11px 20px}.arcade-help{font-size:8px}}
@media(prefers-reduced-motion:reduce){#particles{transition:none}}

/* Original Hasibul Hero.jsx portrait placement, shared by both renderers. */
#portrait-anchor{position:absolute;left:50%;top:2vh;height:143vh;width:calc(143vh * 1122 / 1402);transform:translateX(-50%);pointer-events:none;visibility:hidden}
@media(max-width:767px){#portrait-anchor{top:30vh;height:110vh;width:calc(110vh * 1122 / 1402)}.leader-copy{left:7%;top:auto;bottom:112px;width:86%}.hero-copy{top:20%;left:7%}.hero-copy .eyebrow{font-size:8px;margin-bottom:15px}.hero-copy h1{font-size:clamp(62px,19vw,100px)}.hero-copy>p:last-child{font-size:11px;margin-top:18px}}

/* HH opening: ballistic typography, word transition, then portrait accumulation. */
html.opening-active,html.opening-active body{overflow:hidden;scroll-behavior:auto}
html.opening-pending .intro-sticky>*:not(.qtg-opening),html.opening-pending .header{visibility:hidden}
html.opening-active :is(.header,.hero-copy,.leader-copy,.intro-top,.intro-bottom,.intro-grid,.skip-intro){transition:opacity .8s ease}
html.opening-active:not(.opening-revealing) :is(.header,.hero-copy,.leader-copy,.intro-top,.intro-bottom,.intro-grid,.skip-intro){opacity:0!important;visibility:hidden;pointer-events:none}
html.opening-active .opening-replay{visibility:hidden}
.qtg-opening{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.qtg-opening[hidden]{display:none}.opening-stage{position:absolute;inset:0}.opening-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;height:1em;font:600 clamp(56px,12vw,168px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em;color:var(--cream)}.opening-type{font:inherit;letter-spacing:inherit;white-space:nowrap}.opening-launch{display:flex;position:relative;opacity:0}.opening-launch>span{display:inline-block;will-change:transform}.opening-change,.opening-brand{position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:0}.opening-change{color:var(--lime)}.opening-brand{display:flex}.opening-brand>span{display:inline-block}.opening-dot,.opening-flash{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0}.opening-dot{background:var(--lime)}.opening-flash{background:radial-gradient(circle,#d0e7a975 0%,#d0e7a900 70%)}.opening-caption{position:absolute;top:calc(100% + 38px);left:50%;transform:translateX(-50%);white-space:nowrap;font:9px/1.6 'Courier New',monospace;letter-spacing:.2em;color:#a2ad96}.opening-replay{position:absolute;right:5%;bottom:123px;z-index:3;color:#b7c3aa;font-size:9px}
@media(max-width:767px){.opening-word{font-size:15vw}.opening-caption{font-size:7px;letter-spacing:.15em;top:calc(100% + 28px)}.opening-replay{right:6%;bottom:110px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html.opening-active :is(.header,.hero-copy,.leader-copy,.intro-top,.intro-bottom,.intro-grid,.skip-intro){transition:none}}

/* Clip the fixed portrait stage without making focus or replay scroll its contents. */
.intro-sticky{overflow:clip}

html{scrollbar-gutter:stable}

/* Approved Stage 00 typography; corporate section styles retain their existing hierarchy. */
.opening-brand{left:0;transform:none;width:max-content;align-items:baseline}.opening-brand>span{flex:0 0 auto}.opening-expand{width:0;overflow:hidden}.opening-expand>span{display:block;width:max-content;white-space:nowrap}
.opening-caption{font-size:16px}.intro-top{font-size:14px;line-height:1.45;letter-spacing:.04em}.intro-coordinate{font-size:14px;white-space:nowrap}.intro .hero-copy>.eyebrow{font-size:16px;letter-spacing:.08em}.intro .leader-copy .eyebrow{display:block;font-size:14px;line-height:1.45;letter-spacing:.06em;white-space:normal}.intro .leader-copy>span:last-child{font-size:16px;line-height:1.5;max-width:none}.desktop-nav{font-size:16px}
@media(max-width:767px){.opening-caption{font-size:13px}.intro-top{top:99px;left:6%;right:6%;display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:12px;line-height:1.25;letter-spacing:.02em}.intro-coordinate{display:block;font-size:12px;line-height:1.25;letter-spacing:.02em}.intro .hero-copy{top:max(20%,154px)}.intro .hero-copy>.eyebrow{font-size:13px}.intro .leader-copy{bottom:80px}.intro .leader-copy .eyebrow{font-size:12px}.intro .leader-copy>span:last-child{font-size:14px}.opening-replay{left:6%;right:auto;bottom:55px;font-size:10px}.skip-intro{right:6%;bottom:55px;font-size:10px}.intro-bottom .scroll-prompt{font-size:9px}.intro-bottom .quiet{font-size:9px}.intro-progress{font-size:9px}}

@media(max-width:767px){.intro-sticky:after{content:"";position:absolute;inset:62% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0e120cbf 58%,#0e120cf2)}.intro .leader-copy{isolation:isolate}.intro .leader-copy .eyebrow,.intro .leader-copy>span:last-child{color:#c1cbb5}}

/* Stage 01: retain the original content grid and add a decorative brand quadrant. */
#message{position:relative;isolation:isolate;overflow:clip}
#message>.section-top,#message>.quote-grid{position:relative;z-index:1}
#message .message-brand-quarter{--brand-radius:clamp(280px,34vw,520px);position:absolute;left:0;bottom:0;width:var(--brand-radius);height:var(--brand-radius);overflow:hidden;opacity:.12;pointer-events:none;z-index:0}
#message .message-brand-quarter img{position:absolute;left:-100%;top:0;width:200%;height:200%;max-width:none}
#message .section-top>.eyebrow{font-size:14px;line-height:1.5}
#message .quote-body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;letter-spacing:-.01em;color:var(--ink)}
#message .quote-body p+p{margin-top:20px}
#message .signature{font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:400;color:var(--ink)}
@media(max-width:767px){#message .section-top>.eyebrow{font-size:12px}#message .quote-body{font-size:14px}#message .signature{font-size:14px}#message .message-brand-quarter{--brand-radius:clamp(96px,30vw,160px)}}

/* Stage 02: carry the brand treatment and supporting typography across the transition. */
#message{border-bottom:0}
#about{position:relative;isolation:isolate;overflow:clip}
#about>.section-top,#about>.about-heading,#about>.metrics,#about>.principles{position:relative;z-index:1}
#about .about-brand-quarter{--brand-radius:clamp(280px,34vw,520px);position:absolute;left:0;top:0;width:var(--brand-radius);height:var(--brand-radius);overflow:hidden;opacity:.12;pointer-events:none;z-index:0}
/* Both images occupy the same page coordinates, joining the upper and lower quarters. */
#about .about-brand-quarter img{position:absolute;left:-100%;top:-100%;width:200%;height:200%;max-width:none}
#about .eyebrow{font-family:'Courier New',monospace;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.06em}
#about>.section-top>.eyebrow:last-child{text-align:right}
#about .metrics>div:not(.metric-statement)>p:not(.metric-pipeline){font-size:14px;line-height:1.5}
#about .capital-value{display:flex;align-items:baseline;white-space:nowrap}
#about .capital-value .metric-currency{font-size:18px;line-height:1;letter-spacing:0;color:var(--ink);margin:0 4px 0 0}
#about .capital-value .metric-unit{letter-spacing:-.04em;margin-left:3px}
#about .metrics .metric-pipeline{font-size:14px;line-height:1.5;margin-top:6px}
#about .principles{font-family:'Courier New',monospace;font-size:14px;line-height:1.5;letter-spacing:.06em;gap:24px}
@media(max-width:767px){#about .eyebrow{font-size:12px}#about .about-brand-quarter{--brand-radius:clamp(96px,30vw,160px)}#about .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#about .metrics>div:not(.metric-statement)>p:not(.metric-pipeline),#about .metrics .metric-pipeline{font-size:12px}#about .capital-value .metric-currency{font-size:14px;margin-right:3px}#about .principles{font-size:12px;flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:480px){#about .metrics .metric-statement{display:block}#about .metric-statement p{margin-top:12px}}
@media(max-width:359px){#about .metrics>div:not(.metric-statement){padding-left:12px;padding-right:12px}#about .metrics>div:first-child{padding-left:0}#about .metrics strong{font-size:56px}#about .metrics strong span{font-size:26px}#about .capital-value .metric-currency{font-size:12px}}
/* Keep leadership captions below the face on portrait-oriented tablets. */
@media(min-width:768px) and (max-width:1000px){
 #portrait-anchor{top:30vh;height:110vh;width:calc(110vh * 1122 / 1402)}
 .intro .leader-copy{left:7%;top:auto;bottom:100px;width:86%;max-width:600px}
 .intro-sticky:after{content:"";position:absolute;inset:62% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0e120cbf 58%,#0e120cf2)}
 .intro .leader-copy{isolation:isolate}
 .intro .leader-copy .eyebrow,.intro .leader-copy>span:last-child{color:#c1cbb5}
}