:root{--paper:#f4f3ee;--ink:#1a2423;--muted:#707771;--gold:#b89a62;--line:#d8dad3;--pad:clamp(24px,5.3vw,90px);--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:400}h2{font-size:clamp(38px,4.8vw,77px);line-height:1.12;letter-spacing:-3px}em{font-family:Georgia,serif;font-weight:400}p{line-height:1.7}::selection{background:#bd9b62;color:#fff}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:1000}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.progress{height:2px;background:var(--gold);position:fixed;top:0;left:0;z-index:101;width:0}header{position:absolute;top:0;left:0;width:100%;height:106px;padding:0 var(--pad);display:flex;align-items:center;gap:40px;z-index:100;color:white;border-bottom:1px solid #ffffff30;transition:background .35s,height .35s}header.fixed{position:fixed;height:78px;background:#172120f5;backdrop-filter:blur(20px);animation:slide-down .35s}.brand{display:flex;align-items:center;gap:10px;min-width:140px}.brand img{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand>span{font:650 28px/.85 Manrope,sans-serif;letter-spacing:2px}.brand-small{display:block;font:500 9px/1.2 'DM Sans';letter-spacing:5px;margin-top:8px}header nav{display:flex;gap:30px;margin:auto;font-size:13px}header nav a{position:relative;padding:10px 0}header nav a:after{content:'';position:absolute;bottom:2px;left:0;height:1px;width:0;background:var(--gold);transition:width .3s}header nav a:hover:after{width:100%}.nav-dot{display:inline-block;width:5px;height:5px;background:#bfa876;border-radius:50%;margin-left:3px;vertical-align:middle}.header-contact{border-bottom:1px solid #ffffff70;padding:10px 0;font-size:13px;display:flex;gap:32px;white-space:nowrap}.header-contact span{font-size:20px}.menu-button{display:none;background:transparent;border:0;width:40px;height:44px}.menu-button span{display:block;background:#fff;height:1px;width:25px;margin:7px 0}.hero{position:relative;height:max(780px,100svh);max-height:1200px;background:#172525;color:white;overflow:hidden}.hero-pictures,.hero-shade,.hero-picture{position:absolute;inset:0;width:100%;height:100%}.hero-picture{object-fit:cover;opacity:0;transform:none;transition:opacity 1.2s ease;z-index:0}.hero-picture.active{opacity:1;transform:none;z-index:1}.hero-shade{background:linear-gradient(90deg,#071413ad 0%,#10222444 70%),linear-gradient(0deg,#081412d9,transparent 45%,#0b181966)}.hero-topline{position:absolute;top:145px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#cfbb90;box-shadow:0 0 18px #e0c891}.hero-topline-right{margin-left:auto;font-size:8px}.hero-content{position:absolute;left:var(--pad);top:28%;right:var(--pad)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.8px;margin-bottom:25px;color:#6e766d}.eyebrow.light{color:#dddcd1}.hero h1{font-size:clamp(72px,8.6vw,145px);line-height:1;letter-spacing:-6px}.hero h1 em{color:#e2d3b8;line-height:1.15}.hero-description{display:flex;align-items:start;gap:20px;margin:28px 0 30px}.small-line{width:44px;height:1px;background:#b7a379;margin-top:12px}.hero-description p{font-size:14px;line-height:1.6;color:#ecede6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:1px solid transparent;padding:17px 22px;font-size:12px;font-weight:500;transition:background .3s,transform .3s;min-height:52px}.button span{font-size:20px;line-height:1;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button.white{background:var(--paper);color:var(--ink)}.button.white:hover{background:#ddcba9}.button.black{background:var(--ink);color:white}.button.black:hover{background:#46514a}.hero-bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:24px;gap:20px}.scroll-link{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:1.5px}.scroll-link>span{font-size:25px}.scene-controls{display:flex;gap:28px;align-items:center}.scene{background:none;border:0;padding:8px 0;color:#ffffff77;font-size:10px;display:flex;align-items:center;gap:12px;text-align:left}.scene b{font-size:11px;font-weight:400}.scene.active{color:#fff}.scene.active b{color:#d0b580}.pause{background:transparent;color:white;border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;font-size:11px}.hero-side{top:50%;transform:translateY(-50%);writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;color:#ffffffb0}.identity-strip{padding:30px var(--pad);display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line);overflow:hidden}.identity-strip>span{min-width:145px;font-size:9px;line-height:1.6;letter-spacing:1px}.identity-strip>div{font-size:12px;letter-spacing:1px;white-space:nowrap;color:#72796f}.identity-strip i{font-style:normal;color:var(--gold);margin:0 23px}.section{padding:100px var(--pad)}.section-label{display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:1.5px;padding-bottom:30px;border-top:1px solid var(--line);padding-top:20px;color:#6d756d}.about-heading{display:flex;justify-content:space-between;gap:60px;margin:25px 0 65px}.about-heading h2{flex:1}.about-intro{max-width:320px;padding-top:8px}.asterisk{display:block;font-size:46px;line-height:1;color:var(--gold);margin-bottom:20px}.about-intro p{font-size:15px}.about-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.about-image{position:relative;overflow:hidden}.about-image>img{width:100%;aspect-ratio:1.45;object-fit:cover;filter:saturate(.6);transition:transform 1s}.about-image:hover>img{transform:scale(1.025)}.about-image>div{position:absolute;bottom:0;background:linear-gradient(transparent,#172120c9);padding:50px 25px 20px;color:white;width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.about-detail>p{font-size:14px;color:#657066;margin-bottom:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0;border-top:1px solid var(--line);padding-top:27px}.facts strong{display:block;font:400 clamp(28px,3vw,44px) Manrope;letter-spacing:-2px}.facts span{font-size:8px;letter-spacing:1px;color:#70786e}.text-link{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #aaaF9f;padding:14px 0;max-width:240px;align-items:center}.text-link span{font-size:22px}.dark{background:var(--ink);color:var(--paper)}.dark .section-label{border-color:#ffffff24;color:#b4b9aa}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:25px 0 55px}.section-heading>p{font-size:14px;color:#81897b;max-width:330px}.dark .section-heading>p{color:#b4b9aa}.sector-explorer{display:grid;grid-template-columns:.9fr 1.35fr;gap:6vw}.sector-tabs{display:flex;flex-direction:column}.sector-tab{display:flex;gap:20px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff20;color:#a9b0a5;padding:22px 0;font-size:clamp(12px,1.25vw,19px);transition:color .3s,padding .3s}.sector-tab:first-child{border-top:1px solid #ffffff20}.sector-tab .num{font-size:9px;color:#7b877a}.sector-tab .arrow{margin-left:auto;font-size:19px;opacity:0}.sector-tab.active{color:#ecdfc3;padding-left:12px}.sector-tab.active .num{color:#cebc95}.sector-tab.active .arrow{opacity:1}.sector-tab:hover{color:white}.sector-stage{position:relative;min-height:585px;overflow:hidden}.sector-stage>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform 1s;filter:saturate(.6)}.sector-stage:hover>img{transform:scale(1.03)}.sector-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#081916f5,transparent 100%)}.sector-info{position:absolute;bottom:0;left:0;width:100%;padding:35px}.sector-info>span{font-size:9px;letter-spacing:2px;color:#d1c4a7}.sector-info h3{font-size:40px;letter-spacing:-1.8px;line-height:1.1;margin:18px 0}.sector-info p{font-size:13px;max-width:82%;color:#d3d8cd}.circle-button{position:absolute;right:30px;bottom:35px;background:none;border:1px solid #ffffff66;border-radius:50%;width:48px;height:48px;color:white;font-size:22px;transition:background .3s}.circle-button:hover{background:#ffffff33}.portfolio-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.filters{display:flex;gap:20px;flex-wrap:wrap}.filters button{font-size:11px;background:none;border:0;border-bottom:2px solid transparent;padding:16px 0;color:#747d71}.filters button.active{border-color:var(--ink);color:var(--ink)}.filters button>span{font-size:9px;margin-left:5px}.view-toggle{background:none;border:0;font-size:20px;white-space:nowrap}.view-toggle>span{font-size:10px;margin-left:8px}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.company-card{background:var(--paper);padding:30px;min-height:300px;position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;border:0;transition:background .35s}.company-card:hover{background:#e8e8df}.company-card .card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.company-card .company-logo{width:116px;height:50px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.company-card .card-num{font-size:9px;color:#898d80}.company-card h3{font-size:23px;font-weight:500;letter-spacing:-.9px;line-height:1.2;max-width:90%}.company-card .card-sector{font-size:8px;letter-spacing:1px;color:#7f8778;margin:14px 0 22px}.company-card .card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px}.card-bottom .card-arrow{border:1px solid #c1c8b9;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:18px;transition:background .3s,transform .3s}.company-card:hover .card-arrow{background:var(--ink);color:white;transform:rotate(45deg)}.company-card.pixora-card{background:#e9e9dd}.pixora-card .logo-type{font-size:26px;letter-spacing:4px;font-weight:500}.company-grid.list{grid-template-columns:1fr}.company-grid.list .company-card{display:grid;grid-template-columns:170px 1fr 210px 130px;gap:20px;align-items:center;min-height:100px;padding:20px 30px}.company-grid.list .card-top,.company-grid.list .card-sector,.company-grid.list .card-bottom{margin:0}.company-grid.list .card-num{display:none}.company-grid.list h3{font-size:20px}.company-grid.list .company-logo{height:45px}.portfolio-foot{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;margin-top:20px;color:#7f8778}.pixora{background:#101e20;min-height:800px;position:relative;color:var(--paper);overflow:hidden;padding:55px var(--pad)}#continuity{position:absolute;inset:0;width:100%;height:100%;opacity:.85;pointer-events:none}.pixora:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101e20 0%,#101e20d9 25%,transparent 75%);pointer-events:none}.pixora-top,.pixora-content,.pixora-bottom{position:relative;z-index:1}.pixora-top{display:flex;justify-content:space-between;align-items:center}.pixora-wordmark{font-size:28px;font-weight:500;letter-spacing:7px}.pixora-wordmark>span{display:block;font-size:7px;letter-spacing:6px;margin-top:4px}.pixora-label{font-size:8px;letter-spacing:1.5px;color:#b9c5bb}.pixora-content{margin-top:90px}.pixora h2{font-size:clamp(44px,5.4vw,86px);letter-spacing:-3px}.pixora h2 em{color:#cfc5a8}.pixora-copy{font-size:14px;margin:28px 0 30px;max-width:430px;color:#c1cbc2}.pixora-note{font-size:9px;max-width:390px;color:#a6b5ab;margin-top:25px;line-height:1.6}.pixora-bottom{display:flex;gap:28px;font-size:9px;letter-spacing:3px;margin-top:60px;border-top:1px solid #ffffff25;padding-top:25px;max-width:480px}.pixora-bottom i{font-style:normal;color:#c5b894}.affiliates{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center}.affiliate-copy>p:last-child{font-size:14px;max-width:355px;margin-top:30px;color:#657066}.affiliate-card{padding:35px;border:1px solid var(--line);background:#eeeFe8}.affiliate-caption{font-size:8px;letter-spacing:1px;color:#7c8574}.affiliate-card>img{width:190px;height:80px;object-fit:contain;object-position:left;margin:35px 0;mix-blend-mode:multiply}.affiliate-card>p{font-size:14px;max-width:340px}.affiliate-card .text-link{max-width:none;margin-top:20px}.affiliate-card small{display:block;color:#7f8778;font-size:9px;margin-top:18px}.careers{position:relative;min-height:590px;color:white;display:flex;align-items:center;padding:80px var(--pad);overflow:hidden}.careers>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.3);object-position:50% 60%}.careers-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c2019e8,#10261d88 55%,#10261d22)}.careers-content{position:relative}.careers h2{font-size:clamp(42px,5.4vw,84px)}.careers h2 em{color:#dacdb2}.careers-content>p:not(.eyebrow){font-size:14px;color:#e5e9e0;margin:25px 0 30px}.careers-side{position:absolute;right:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.contact{background:#e8e9e0}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 65px}.contact h2{font-size:clamp(48px,6.5vw,100px)}.contact-orbit{width:100px;height:100px;border:1px solid #b8c0af;border-radius:50%;display:grid;place-items:center;font-size:42px;transition:background .3s,color .3s}.contact-orbit:hover{background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.contact-details>p{font-size:14px;color:#6c7666}.contact-email{display:inline-block;font-size:clamp(17px,1.8vw,27px);letter-spacing:-.5px;border-bottom:1px solid #9ea993;padding-bottom:9px;margin:25px 0}.contact-small{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.contact-small span{display:block;font-size:8px;letter-spacing:1.5px;color:#74806b;margin-bottom:15px}.contact-small p,.contact-small a{font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}form label{display:block;font-size:10px;margin-bottom:22px;color:#5a6654}form input,form textarea,form select{display:block;width:100%;border:0;border-bottom:1px solid #b9c3b0;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:13px;outline:none}form input:focus,form textarea:focus,form select:focus{border-color:#263c27;box-shadow:0 1px 0 #263c27}form textarea{resize:vertical;min-height:88px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-bottom small{font-size:9px;color:#6b7862;max-width:150px}#form-status{font-size:11px;margin-top:15px}footer{background:#172220;color:#edf0e8;padding:60px var(--pad) 25px;overflow:hidden}.footer-top{display:flex;gap:50px;align-items:start;justify-content:space-between}.footer-top>p{font-size:13px;color:#abb5a6}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 35px;font-size:11px}.back-top{font-size:10px;border-bottom:1px solid #596951;padding:0 0 10px}.footer-word{font:400 clamp(50px,11.4vw,180px)/1.1 Manrope;letter-spacing:-.06em;white-space:nowrap;padding:60px 0 45px;color:#a0ad95}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff25;padding-top:25px;font-size:8px;letter-spacing:1px;color:#a5b29c}.footer-bottom button{background:none;border:0;color:inherit;font-size:9px}dialog{border:0;background:var(--paper);color:var(--ink);padding:60px;width:min(700px,90vw);max-height:85svh;overflow:auto}dialog::backdrop{background:#0b1716b8;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;line-height:1;width:40px;height:40px}dialog h2{font-size:38px;letter-spacing:-1.5px;margin:20px 0}dialog p{font-size:14px;color:#63705d;margin:20px 0}dialog .dialog-logo{max-width:180px;height:75px;object-fit:contain;object-position:left;mix-blend-mode:multiply}dialog .button{margin-top:20px}.dialog-meta{font-size:9px;letter-spacing:1px;color:#7f896f;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:1600px){.hero-content{top:30%}.section{padding-top:125px;padding-bottom:125px}}
@media(max-width:1100px){header{gap:20px}header nav{gap:18px;font-size:11px}.brand{min-width:110px}.hero h1{font-size:100px}.hero-side{display:none}.scene-controls{gap:18px}.scene{gap:8px}.scene span{max-width:100px}.sector-explorer{gap:35px}.sector-tab{padding:23px 0}.sector-stage{min-height:600px}.filters{gap:15px}.filters button{font-size:10px}.company-card{padding:25px}.company-grid.list .company-card{grid-template-columns:130px 1fr 130px}.company-grid.list .card-sector{display:none}}
@media(max-width:800px){h2{letter-spacing:-2px}.section{padding:70px var(--pad)}header{height:83px}.brand>span{font-size:24px}header nav{display:none;position:absolute;top:83px;left:0;right:0;padding:30px var(--pad);background:#172120;flex-direction:column;font-size:20px;gap:15px;border-top:1px solid #ffffff25}.fixed nav{top:78px}header nav.open{display:flex}.header-contact{margin-left:auto}.menu-button{display:block}.hero{height:880px;max-height:none}.hero-topline{top:115px}.hero-topline-right{display:none}.hero-content{top:24%}.hero h1{font-size:clamp(64px,12vw,95px);letter-spacing:-4px}.hero-bottom{bottom:25px;align-items:start}.scene span{display:none}.scene-controls{gap:20px}.hero-description{margin:30px 0}.identity-strip{gap:30px;padding-block:25px}.identity-strip>div{font-size:10px}.about-heading{flex-direction:column;gap:30px;margin-bottom:35px}.about-intro{max-width:560px;display:flex;gap:25px;align-items:center}.asterisk{margin:0}.about-lower{gap:35px;grid-template-columns:1fr}.about-image>img{aspect-ratio:1.8}.about-detail{max-width:600px}.section-heading{align-items:start;gap:25px;margin-bottom:35px}.section-heading>p{font-size:12px}.sector-explorer{grid-template-columns:1fr}.sector-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sector-tab{padding:18px 0;font-size:13px}.sector-tab:nth-child(2){border-top:1px solid #ffffff20}.sector-tab.active{padding-left:6px}.sector-stage{min-height:470px}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-tools{align-items:end}.filters{gap:0 18px}.view-toggle span{display:none}.company-grid.list .company-card{grid-template-columns:100px 1fr 32px;padding:20px;gap:15px}.company-grid.list .card-bottom>span:first-child{display:none}.company-grid.list .card-top{max-width:95px}.company-grid.list h3{font-size:16px}.pixora{min-height:800px;padding-top:40px}.pixora-label{max-width:150px;font-size:7px;text-align:right;line-height:1.6}.pixora-content{margin-top:90px}.pixora:after{background:linear-gradient(90deg,#101e20f5,#101e2088 80%)}.affiliates{gap:45px;grid-template-columns:1fr 1fr}.affiliate-card{padding:25px}.affiliate-caption{line-height:1.8;display:block}.careers{min-height:550px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-heading{margin-bottom:45px}.contact-orbit{width:75px;height:75px;font-size:30px}.contact-small{max-width:400px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top nav{margin-left:auto}.footer-top .back-top{display:none}.footer-bottom{flex-wrap:wrap}.footer-word{padding:50px 0 35px}}
@media(max-width:500px){.hero{height:max(780px,100svh)}.hero-content{top:25%}.hero h1{font-size:66px;letter-spacing:-3.5px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description p{font-size:13px}.hero-topline{font-size:8px}.scene-controls{gap:14px}.hero-bottom{gap:10px}.scroll-link{font-size:7px;gap:10px}.identity-strip>span{min-width:115px;font-size:7px}.section-label{font-size:7px;line-height:1.6;gap:20px}.section-label>span:last-child{text-align:right;max-width:145px}.section-heading{flex-direction:column}.section-heading p br{display:none}.company-grid{grid-template-columns:1fr}.company-card{min-height:250px;padding:25px}.company-card h3{font-size:25px}.company-card .card-top{margin-bottom:25px}.portfolio-foot>span:last-child{display:none}.company-grid.list .company-card{grid-template-columns:70px 1fr 28px;padding:18px 15px;gap:13px}.company-grid.list .logo-type{font-size:12px;letter-spacing:1px}.company-grid.list .company-logo{max-width:65px}.company-grid.list .card-arrow{width:28px;height:28px}.company-grid.list h3{font-size:15px}.sector-info{padding:25px}.sector-info h3{font-size:36px}.sector-info p{font-size:12px;max-width:85%}.sector-stage{min-height:450px}.sector-tab{font-size:11px;gap:10px}.sector-tab .arrow{font-size:14px}.pixora-wordmark{font-size:23px}.pixora-label{max-width:130px;font-size:6px}.pixora h2{font-size:44px;letter-spacing:-2px}.pixora-content{margin-top:100px}.pixora-copy{font-size:13px}.pixora-bottom{gap:18px;font-size:8px;letter-spacing:2px}.affiliates{grid-template-columns:1fr;gap:35px}.careers-side{display:none}.careers{padding:65px var(--pad);min-height:530px}.contact h2{font-size:48px}.contact-orbit{width:54px;height:54px;font-size:25px;flex-shrink:0}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:start;flex-direction:column-reverse;gap:15px}.form-bottom small{max-width:none}.footer-top>p{font-size:11px;margin-left:auto}.footer-top nav{margin-left:0;width:100%;display:flex;flex-wrap:wrap;gap:20px}.footer-bottom{gap:16px;font-size:7px}.footer-word{font-size:11.1vw}dialog{padding:50px 25px 30px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-picture{transform:none}}
@media(max-width:500px){.hero h1{font-size:clamp(43px,13vw,66px);letter-spacing:-2.5px)}.header-contact{gap:15px}header{gap:12px}.brand{min-width:100px}.header-contact{font-size:11px}.hero-content .button{gap:20px}.hero-description{gap:15px}.small-line{flex-shrink:0;width:30px}.contact-heading{gap:12px}.contact h2{font-size:clamp(35px,9.6vw,48px)}.pixora h2{font-size:clamp(34px,9.5vw,44px)}.pixora-top{gap:20px}.pixora-bottom{gap:13px;font-size:7px;letter-spacing:1.5px}.facts{gap:12px}.sector-tab{word-break:normal}.form-bottom .button{width:100%}}
/* Interactive portfolio: the whole group at a glance. */
.portfolio.section{padding-top:65px;padding-bottom:75px}.portfolio .section-label{padding-top:16px;padding-bottom:20px}.p-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:5px 0 28px}.p-heading h2{font-size:clamp(36px,3.6vw,58px);letter-spacing:-2px}.p-heading h2 em{white-space:nowrap}.p-heading>p{font-size:12px;color:#7b8472}.p-intro{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.4px;color:#7f8975;margin:0 0 11px}.p-selector{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px!important;border:0!important;background:none!important}.p-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:77px;padding:10px 7px;background:#ebece5;border:1px solid #d8ddce;transition:background .3s,border-color .3s,transform .3s}.p-option>img{height:30px;width:90px;object-fit:contain;mix-blend-mode:multiply}.p-option>span{font-size:9px;line-height:1.25;text-align:center;color:#48563e}.p-option:hover{background:#e1e6d7;transform:translateY(-2px)}.p-option.active{border-color:#849270;background:#e2e8d8;box-shadow:inset 0 -2px #849270}.p-option.active:after{content:'';position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#849270}.p-option-pixora>img{width:36px;height:33px;object-fit:contain;mix-blend-mode:normal}.p-option-pixora.active{border-color:#8c70b9;background:linear-gradient(120deg,#ece4f4,#e2eaf1);box-shadow:inset 0 -2px #8c70b9}.p-option-pixora.active:after{background:#966ad0}.p-stagebar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 10px;font-size:8px;letter-spacing:1.2px;color:#748169}.p-controls{display:flex;gap:14px;align-items:center}.p-controls button{background:none;border:1px solid #cbd2bf;width:29px;height:29px;border-radius:50%;font-size:16px;transition:background .3s}.p-controls button:hover{background:#dce4d1}.p-controls>span{font-size:9px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.p-showcase{display:grid;grid-template-columns:1fr 1.1fr;background:#eaece2;border:1px solid #d7ddcc;animation:p-in .4s ease;overflow:hidden}.p-copy{display:flex;flex-direction:column;align-items:start;padding:30px 35px;min-height:370px}.p-meta{display:flex;justify-content:space-between;width:100%;gap:20px;font-size:7px;letter-spacing:1.2px;color:#7e896f;margin-bottom:20px}.p-logo{min-height:38px;margin-bottom:19px;display:flex;align-items:center}.p-logo .company-logo{height:38px;width:135px;object-fit:contain;object-position:left;mix-blend-mode:multiply}.p-copy h3{font-size:clamp(25px,2.5vw,40px);line-height:1.12;letter-spacing:-1.4px;max-width:500px}.p-copy>p{font-size:12px;line-height:1.7;color:#748067;margin-top:18px;max-width:450px}.p-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;border-top:1px solid #cbd4bf;padding-top:17px;margin-top:auto;position:relative;top:8px}.p-explore{display:flex;align-items:center;gap:15px;background:none;border:0;padding:0;font-size:11px;color:inherit}.p-explore i{font-style:normal;display:grid;place-items:center;border:1px solid #b6c3a5;width:32px;height:32px;border-radius:50%;font-size:18px;transition:transform .3s,background .3s}.p-explore:hover i{transform:rotate(45deg);background:#cbd6bf}.p-actions>a{font-size:10px;border-bottom:1px solid #b1bda0;padding:6px 0;white-space:nowrap}.p-image{position:relative;min-height:370px;overflow:hidden;background:#102522}.p-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s;filter:saturate(.7)}.p-showcase:hover .p-image>img{transform:scale(1.025)}.p-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071614b3,transparent 70%)}.p-image-head{position:absolute;top:23px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#e7ecde;gap:20px}.p-image-caption{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:white}.p-image-caption>p{font:400 clamp(27px,3vw,44px)/1.15 Manrope;letter-spacing:-1.5px}.p-image-caption>span{font-size:7px;letter-spacing:1px;writing-mode:vertical-rl}.p-detail{grid-column:1/-1;padding:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:1px solid #cbd4bf;background:#f0f2e9}.p-detail[hidden]{display:none}.p-detail .eyebrow{font-size:8px;margin-bottom:15px}.p-detail h4{font:400 26px/1.2 Manrope;margin:0;letter-spacing:-1px}.p-detail p{font-size:12px;color:#6b785e}.p-detail .text-link{max-width:none;font-size:11px}.p-showcase-pixora{background:#121c26;color:#e9eaf3;border-color:#33414b}.p-showcase-pixora .p-meta{color:#9ba7bf}.p-showcase-pixora .p-copy{background:radial-gradient(ellipse at 0% 0%,#4b2a6740,transparent 60%),#121c26}.p-pixora-lockup{display:flex;align-items:center;gap:12px}.p-pixora-lockup>img{width:49px;height:49px;object-fit:contain}.p-pixora-lockup>span{font:500 25px/1 Manrope;letter-spacing:5px}.p-pixora-lockup small{display:block;font:400 6px/1.5 'DM Sans';letter-spacing:2.8px;margin-top:7px;color:#b1bfd0}.p-showcase-pixora .p-logo{margin-bottom:17px}.p-showcase-pixora .p-copy>p{color:#a5b1c0}.p-showcase-pixora .p-actions{border-color:#3d4858}.p-showcase-pixora .p-actions>a{border-color:#6b7588}.p-showcase-pixora .p-explore i{border-color:#59607b;background:#8472a018}.p-showcase-pixora .p-explore:hover i{background:#8472a04d}.p-showcase-pixora .p-image>img{filter:none}.p-showcase-pixora .p-image-caption{bottom:70px}.p-showcase-pixora .p-detail{background:#182533;border-color:#3d4858}.p-showcase-pixora .p-detail p{color:#b0bcce}.pixora-film{position:absolute;inset:0;overflow:hidden}.pixora-film>img{width:100%;height:100%;object-fit:cover;object-position:70% center;transition:opacity .6s,transform 8s;filter:saturate(.8)}.pixora:hover .pixora-film>img{transform:scale(1.025)}.pixora:after{background:linear-gradient(90deg,#101e20fc 0%,#101e20e0 25%,#101e2070 58%,#101e2008 85%),linear-gradient(0deg,#101e20e8,transparent 35%)}.pixora #continuity{opacity:.12}.pixora-brand{display:flex;align-items:center;gap:15px}.pixora-brand>img{width:56px;height:56px;object-fit:contain}.pixora-brand>span{font:500 28px/1 Manrope;letter-spacing:6px}.pixora-brand small{display:block;font:400 7px/1.4 'DM Sans';letter-spacing:3px;margin-top:8px;color:#b6c4ce}.pixora-chapters{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:65px;background:#ffffff25;border-top:1px solid #ffffff25;max-width:100%}.pixora-chapters>button{position:relative;text-align:left;padding:20px 20px 18px;background:#1020299e;border:0;color:#e0e5ed;font-size:15px;backdrop-filter:blur(12px);transition:background .3s}.pixora-chapters>button small{font-size:8px;color:#9aaac0;margin-right:13px}.pixora-chapters>button span{display:block;font-size:6px;letter-spacing:1.5px;margin:10px 0 0 25px;color:#a3b2c0}.pixora-chapters>button.active{background:#e7e3ef;color:#202d35}.pixora-chapters>button.active span,.pixora-chapters>button.active small{color:#647183}.pixora-art-note{position:relative;z-index:1;display:block;text-align:right;font-size:7px;letter-spacing:1.1px;color:#a0b0b9;margin-top:16px}.pixora-content{max-width:650px}.pixora-note{color:#b2bec5;max-width:445px}.pixora .pixora-copy{min-height:75px;max-width:405px}.pixora-label{color:#bdc7ce}.pixora h2 em{color:#ddd5e5}.pixora-content .button:hover{background:#d7d1e5}
@keyframes p-in{from{opacity:.6}to{opacity:1}}
@media(max-width:1100px){.p-heading h2{font-size:39px}.p-copy{padding:25px}.p-copy h3{font-size:30px}.p-actions{gap:13px}.p-actions>a{font-size:9px}.p-meta{font-size:6px}.p-option>span{font-size:8px}}
@media(max-width:800px){.p-heading{align-items:start;flex-direction:column;gap:16px}.p-heading h2{font-size:42px}.p-heading p br{display:none}.p-heading p{font-size:12px}.p-showcase{grid-template-columns:1fr 1fr}.p-copy{padding:22px;min-height:420px}.p-copy h3{font-size:28px}.p-copy>p{font-size:11px}.p-actions{flex-wrap:wrap;gap:15px}.p-image-caption{left:22px;right:22px}.p-image-caption>p{font-size:29px}.pixora-chapters>button{font-size:12px;padding:17px 12px}.pixora-chapters>button span{margin-left:0;letter-spacing:1px}.pixora-chapters>button small{margin-right:7px}.pixora-film>img{object-position:65% center}.p-option{padding-inline:5px}.p-option>img{width:70px}}
@media(max-width:650px){.portfolio.section{padding-top:45px;padding-bottom:50px}.p-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.p-option{min-height:67px;gap:5px;padding:8px 5px}.p-option>img{height:26px;width:75px}.p-option-pixora>img{width:30px;height:27px}.p-option>span{font-size:8px}.p-heading h2{font-size:38px;line-height:1.1}.p-heading h2 em{display:block}.p-heading{margin-bottom:25px}.p-intro{font-size:7px;line-height:1.6}.p-intro>span:last-child{max-width:135px;text-align:right}.p-showcase{display:flex;flex-direction:column}.p-image{order:-1;min-height:280px}.p-copy{padding:26px;min-height:320px}.p-copy h3{font-size:31px}.p-copy>p{font-size:12px;margin-bottom:25px}.p-actions{flex-wrap:nowrap;font-size:10px;top:0}.p-actions>a{font-size:9px}.p-explore{font-size:10px;gap:10px}.p-explore i{width:28px;height:28px}.p-meta{font-size:6px}.p-detail{padding:26px;grid-template-columns:1fr;gap:25px;order:2}.p-image-caption>span{display:none}.p-image-head{font-size:6px;left:22px;right:22px}.p-image-caption>p{font-size:34px}.p-showcase-pixora .p-image{min-height:315px}.p-pixora-lockup>img{width:46px;height:46px}.p-pixora-lockup>span{font-size:24px}.p-option.active:after{top:5px;right:5px;width:3px;height:3px}.pixora-brand>img{width:44px;height:44px}.pixora-brand{gap:10px}.pixora-brand>span{font-size:21px;letter-spacing:4px}.pixora-brand small{font-size:5px;letter-spacing:1.8px}.pixora-label{max-width:95px;font-size:5px}.pixora-film>img{object-position:68% center;opacity:.7}.pixora:after{background:linear-gradient(90deg,#101e20ed,#101e20a0 65%,#101e2060),linear-gradient(0deg,#101e20ee,transparent 60%)}.pixora-content{margin-top:95px}.pixora-chapters{grid-template-columns:1fr 1fr;margin-top:45px}.pixora-chapters>button{padding:15px;font-size:12px}.pixora-chapters>button span{font-size:6px}.pixora-art-note{text-align:left;line-height:1.6;font-size:6px}.pixora{padding-bottom:30px}.pixora .pixora-copy{min-height:100px}.p-showcase-pixora .p-image-caption{bottom:65px}.portfolio-foot{font-size:7px}.p-stagebar{font-size:7px}}

/* Company-specific artwork and understated people note. */
.p-image-0{background:radial-gradient(ellipse at 60% 35%,#263d72,#0e1828 70%)}.p-image-0>img{object-fit:contain;width:72%;height:72%;left:14%;top:3%;filter:none;opacity:.9}.p-image-1{background:radial-gradient(ellipse at 55% 35%,#645631,#151d1a 70%)}.p-image-1>img{object-fit:contain;width:63%;height:68%;left:20%;top:4%;filter:none}.p-image-2>img{object-position:65% center}.p-image-5>img{object-position:center 25%}.people-note{border-top:1px solid var(--line);padding-top:17px;margin:0 0 20px}.people-note>span{font-size:7px;letter-spacing:1.5px;color:#87917c}.people-note>p{font-size:11px;line-height:1.7;max-width:470px;color:#78836e;margin-top:7px}.people-note strong{font-weight:500;color:#5e6c54}@media(max-width:650px){.people-note>p{font-size:10px}.p-image-0>img{height:75%;width:70%;left:15%}.p-image-1>img{height:73%;width:66%;left:17%}}

.company-nav{position:relative;display:flex;align-items:center}.company-nav>button{display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:inherit;padding:10px 0;white-space:nowrap}.company-nav>button>span{font-size:14px;transition:transform .2s}.company-nav.is-open>button>span{transform:rotate(180deg)}.company-nav-panel{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:540px;background:#f4f3ee;color:#243023;border:1px solid #d6dccd;box-shadow:0 25px 60px #07141338;padding:23px;z-index:110}.company-nav-panel[hidden]{display:none}.company-nav-panel>p{font-size:8px;letter-spacing:1.5px;color:#7d8774;border-bottom:1px solid #d8ddce;padding-bottom:14px;margin-bottom:8px}.company-nav-links{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.company-nav-links>a{display:flex;align-items:center;gap:10px;font-size:11px!important;padding:12px 6px!important;border-bottom:1px solid #dfe4d7;line-height:1.4;transition:background .2s}.company-nav-links>a>span{font-size:7px;color:#89967a;min-width:15px}.company-nav-links>a:hover{background:#e6eadf}.company-nav-links>a:after{display:none}header{overflow:visible}@media(max-width:800px){header nav{max-height:calc(100svh - 90px);overflow-y:auto}.company-nav{display:block}.company-nav>button{font-size:20px;width:100%;justify-content:space-between}.company-nav-panel{position:static;width:100%;transform:none;box-shadow:none;margin-top:10px;padding:14px;background:#20312c;border-color:#3d4e40;color:#e6ecde}.company-nav-panel>p{color:#a7b69b;border-color:#48583f}.company-nav-links{grid-template-columns:1fr;gap:0}.company-nav-links>a{font-size:12px!important;border-color:#3d4e40;padding:12px 3px!important}.company-nav-links>a:hover{background:#2c4234}.company-nav-links>a>span{color:#9eb28d}}

/* Evidence-led refinements. */
.hero-picture:first-child{object-position:50% 45%}.about-image>img{object-position:center 53%}.portfolio-filterbar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.portfolio-filterbar>button{border:1px solid #d0d8c5;background:transparent;color:#6e7c60;padding:8px 12px;font-size:9px;transition:background .25s}.portfolio-filterbar>button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.p-option[hidden]{display:none!important}.capability-chips{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 22px}.capability-chips>span{font-size:7px;border:1px solid #cbd5be;padding:6px 8px;color:#6e7b60}.p-showcase-pixora .capability-chips>span{border-color:#455367;color:#b7c6dc}.p-copy{min-height:435px}.p-showcase-pixora .p-copy{min-height:465px}.company-enquire{margin-top:17px;border:0;background:none;padding:8px 0;border-bottom:1px solid #a8b69b;font-size:11px;color:inherit}.p-showcase-pixora .company-enquire{border-color:#60758b}.sector-image-label{position:absolute;top:25px;right:25px;z-index:1;color:#d7dfd1;font-size:7px;letter-spacing:1.4px;writing-mode:vertical-rl}.enquiry-route{font-size:10px;color:#718164;margin:-7px 0 24px}.enquiry-route>a{border-bottom:1px solid #a9b79a}.copy-enquiry{background:none;border:0;border-bottom:1px solid #aab79c;color:#657955;font-size:10px;padding:8px 0;margin-top:14px}.affiliate-card small{line-height:1.8}.p-detail .text-link+.text-link{margin-top:8px}@media(max-width:650px){.p-copy{min-height:350px}.p-showcase-pixora .p-copy{min-height:390px}.portfolio-filterbar{gap:5px}.portfolio-filterbar>button{padding:8px 9px;font-size:8px}.capability-chips{margin-bottom:23px}.hero-picture:first-child{object-position:50% 45%}.p-actions{flex-wrap:wrap;gap:13px}.p-explore{white-space:nowrap}.sector-image-label{font-size:6px;right:14px;top:20px}}

/* Miles polish 2026-10-23 — alignment + hero/company crops vs michael-refs */

/* Brand mark: circular badge is self-contained; drop extra white pad */
.brand img{
  width:46px;height:46px;
  object-fit:contain;
  background:transparent;
  border-radius:50%;
  padding:0;
  box-shadow:0 0 0 1px #ffffff28;
}
header .brand{gap:12px;min-width:148px}
.header-contact{
  border-bottom:1px solid #ffffff75;
  padding:8px 0 9px;
  align-items:center;
  gap:14px;
  line-height:1;
}
.header-contact span{font-size:18px;line-height:1}

/* Hero bottom: cream CTA overlaps hairline (intentional), scroll + scenes aligned */
.hero-bottom{
  bottom:32px;
  border-top:1px solid #ffffff45;
  padding-top:0;
  align-items:center;
  gap:24px;
  min-height:72px;
}
.hero-bottom-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  position:relative;
  z-index:2;
}
.hero-cta{
  margin-top:calc(-1 * var(--hero-cta-h, 52px)); /* bottom edge on hairline */
  position:relative;
  z-index:3;
  box-shadow:0 8px 28px #00000033;
}
.scroll-link{
  gap:14px;
  letter-spacing:1.6px;
  color:#ffffffd0;
  min-height:28px;
}
.scroll-link>span{font-size:18px;line-height:1}
.scene-controls{
  gap:26px;
  align-items:center;
  margin-top:6px; /* optical align with SCROLL baseline */
  flex-wrap:wrap;
  justify-content:flex-end;
}
.scene{
  padding:6px 0;
  min-height:36px;
  color:#ffffff66;
  font-size:10px;
  letter-spacing:.2px;
}
.scene b{
  font-size:11px;
  font-weight:500;
  color:#ffffff55;
  font-variant-numeric:tabular-nums;
  min-width:18px;
}
.scene.active{color:#fff}
.scene.active b{color:#d0b580}
.pause{
  width:32px;height:32px;
  border:1px solid #ffffff50;
  display:grid;place-items:center;
  flex-shrink:0;
  line-height:1;
  padding:0;
}
.pause:hover{background:#ffffff18}

/* Hero image crops under gradient */
.hero-picture:nth-child(1){object-position:50% 45%} /* photo2 sunset Etihad/Nation Towers waterfront */
.hero-picture:nth-child(2){object-position:45% 55%} /* private jet + terminal */
.hero-picture:nth-child(3){object-position:50% 40%} /* earth network */

/* Sectors: consistent stage + overlay room */
.sector-explorer{align-items:start}
.sector-tabs{justify-content:flex-start}
.sector-tab{min-height:56px;padding:20px 0}
.sector-tab.active{color:#ecdfc3;padding-left:10px}
.sector-tab.active .num{color:#cebc95}
.sector-stage{min-height:600px}
.sector-info{padding:32px 36px 28px;padding-right:78px}
.sector-info h3{margin:14px 0 10px;max-width:92%}
.sector-info p{max-width:78%;line-height:1.65}

/* Portfolio grid + showcase */
.p-selector{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px!important;
}
.p-option{
  min-height:80px;
  padding:12px 8px;
  border-radius:2px;
}
.p-option.active{
  border-color:#849270;
  background:#e2e8d8;
  box-shadow:inset 0 -2px #849270;
}
.p-option.active:after{
  right:9px;top:9px;
  width:5px;height:5px;
  background:#849270;
}
.p-showcase{
  grid-template-columns:1fr 1fr; /* true 50/50 like michael-refs */
  align-items:stretch;
}
.p-copy{
  min-height:400px;
  padding:32px 36px;
}
.p-image{
  min-height:400px;
}
.p-image-caption{
  bottom:26px;
  left:28px;
  right:28px;
  z-index:2;
}
.p-image-caption>p{
  font-size:clamp(26px,2.8vw,42px);
  line-height:1.18;
  letter-spacing:-1.4px;
  max-width:92%;
  text-shadow:0 8px 28px #00000066;
}
.p-image:after{
  background:linear-gradient(0deg,#071614cc 0%,#07161466 28%,transparent 68%);
}

/* Company-specific object-position (awkward crops) */
.p-image-3>img{object-position:center 35%} /* elite jet through terminal */
.p-image-7>img{object-position:center 40%} /* logistics */
.p-image-8>img{object-position:28% 45%} /* real estate villas + water */
.p-image-10>img{object-position:center 30%} /* JAL site */
.p-image-4>img{object-position:center 40%} /* butinah */
.p-image-9>img{object-position:center 40%} /* epiphany */
.p-image-6>img{object-position:center 35%} /* military */

/* Mobile polish */
@media(max-width:800px){
  .hero-bottom{
    bottom:20px;
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    min-height:0;
    padding-top:0;
  }
  .hero-bottom-left{gap:12px}
  .hero-cta{margin-top:calc(-1 * var(--hero-cta-h, 52px));width:100%;justify-content:space-between;gap:18px}
  .scene-controls{margin-top:14px;justify-content:space-between;width:100%;gap:12px}
  .scene{min-height:40px;padding:8px 4px}
  .pause{width:36px;height:36px}
  .hero h1{letter-spacing:-3.5px}
  .sector-stage{min-height:420px}
  .p-showcase{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  html,body{overflow-x:hidden}
  .hero h1{font-size:clamp(42px,12.5vw,64px);letter-spacing:-2.2px}
  .hero-cta{font-size:11px;padding:15px 16px;min-height:48px}
  .scroll-link{font-size:8px;letter-spacing:1.2px;gap:10px}
  .scene span{display:none}
  .scene-controls{gap:10px}
  .scene{flex:1;justify-content:center;min-height:44px}
  .p-showcase{display:flex;flex-direction:column}
  .p-image{order:-1;min-height:260px}
  .p-copy{min-height:300px;padding:24px}
  .p-image-caption>p{font-size:clamp(24px,7vw,34px);max-width:100%}
  .p-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .p-option{min-height:72px;padding:10px 6px}
  .sector-info{padding:24px;padding-right:64px}
  .sector-info h3{font-size:32px}
  .brand img{width:42px;height:42px}
}
@media(max-width:500px){
  .hero-bottom{bottom:16px}
  .hero-cta{margin-top:calc(-1 * var(--hero-cta-h, 48px));--hero-cta-h:48px}
  .scene-controls{gap:8px}
}

/* === QA polish 2026-10-23 readability === */
.scene{color:#ffffffb0}
.scene.active{color:#fff}
.scene.active b{color:#d0b580}
.hero-side{font-size:9px;letter-spacing:2.2px;color:#ffffffd0;right:22px}
.sector-image-label{font-size:8px;letter-spacing:1.6px;color:#e8efe0;opacity:.95}
.p-image-head{font-size:8px;letter-spacing:1.2px;color:#fff;text-shadow:0 1px 8px #000a}
.p-image-caption>p{text-shadow:0 2px 18px #000c}
.p-option>span{font-size:10px;color:#3a4538}

.hero-shade{background:linear-gradient(90deg,#071413b8 0%,#10222455 70%),linear-gradient(0deg,#081412e0,transparent 42%,#0b181970)}
@media(max-width:650px){
  .p-option>span{font-size:9px}
  .hero-side{font-size:8px}
  .sector-image-label{font-size:7px}
}


/* === Nav: Our Companies dropdown polish 2026-10-23 === */
.company-nav>button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  position:relative;
  padding:10px 0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  white-space:nowrap;
  line-height:1;
}
.company-nav>button:after{
  content:'';
  position:absolute;
  bottom:2px;
  left:0;
  height:1px;
  width:0;
  background:var(--gold);
  transition:width .3s;
}
.company-nav>button:hover:after,
.company-nav.is-open>button:after{width:calc(100% - 14px)}
.company-nav>button .nav-chevron{
  display:block;
  width:6px;
  height:6px;
  margin-top:-2px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  flex-shrink:0;
  opacity:.9;
  transition:transform .22s ease, opacity .22s ease;
}
.company-nav.is-open>button .nav-chevron{
  margin-top:2px;
  transform:rotate(225deg);
}
.company-nav>button>span:not(.nav-chevron){font-size:inherit}
@media(max-width:800px){
  .company-nav>button{font-size:20px;width:100%;justify-content:space-between;line-height:1.2}
  .company-nav>button:after{display:none}
  .company-nav>button .nav-chevron{width:8px;height:8px;margin-top:0}
}


/* === Hero one-viewport page 2026-10-23 === */
/* Exactly one screen tall so CTA + scenes stay in view; next scroll enters The Group */
.hero{
  height:100svh;
  height:100dvh;
  max-height:none;
  min-height:0;
}
@media(max-width:800px){
  .hero{height:100svh;height:100dvh;max-height:none}
}
@media(max-width:500px){
  .hero{height:100svh;height:100dvh;max-height:none}
}
@media(max-height:820px){
  .hero-topline{top:118px}
  .hero-content{top:22%}
  .hero h1{font-size:clamp(52px,11vh,120px);letter-spacing:-4px}
  .hero-description{margin:18px 0 16px}
  .hero-bottom{bottom:22px;min-height:64px}
  /* neutralized */.hero-side{top:50%;transform:translateY(-50%)}
}
@media(max-height:700px){
  .hero-topline{top:100px}
  .hero-content{top:18%}
  .hero h1{font-size:clamp(44px,12vh,90px);letter-spacing:-3px}
  .hero-description{margin:14px 0 12px}
  .hero-description p{font-size:13px}
  .hero-bottom{bottom:16px;padding-top:0;min-height:56px}
  .scroll-link{display:none}
}


/* === Hero hairline alignment 2026-10-23 === */
/* Top rule = header border. Meta row sits just under it, shared baseline.
   Bottom rule = hero-bottom border-top. CTA straddles it; scenes + pause sit below. */
:root{
  --hero-header-h:106px;
  --hero-meta-gap:18px;
}
header{height:var(--hero-header-h)}
.hero-topline{
  top:calc(var(--hero-header-h) + var(--hero-meta-gap));
  left:var(--pad);
  right:var(--pad);
  display:flex;
  align-items:center;
  gap:14px;
  min-height:14px;
  font-size:9px;
  letter-spacing:1.7px;
  line-height:1;
}
.hero-topline .live-dot{
  flex-shrink:0;
  width:6px;
  height:6px;
  margin:0;
}
.hero-topline-right{
  margin-left:auto;
  font-size:9px;
  letter-spacing:1.7px;
  line-height:1;
  opacity:.92;
}
.hero-content{
  left:var(--pad);
  right:var(--pad);
  top:clamp(28%, calc(var(--hero-header-h) + var(--hero-meta-gap) + 72px), 34%);
}
.hero-bottom{
  left:var(--pad);
  right:var(--pad);
  bottom:28px;
  display:flex;
  align-items:flex-start; /* top of row = hairline */
  justify-content:space-between;
  gap:28px;
  border-top:1px solid #ffffff4d;
  padding-top:0;
  min-height:0;
}
.hero-bottom-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  padding-top:0;
  position:relative;
  z-index:2;
}
.hero-cta{
  /* Quill / michael-refs: bottom edge of cream box flush with hairline */
  --hero-cta-h:52px;
  height:var(--hero-cta-h);
  min-height:var(--hero-cta-h);
  margin-top:calc(-1 * var(--hero-cta-h));
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
  position:relative;
  z-index:3;
  box-shadow:0 8px 28px #00000040;
}
.scroll-link{
  margin-top:4px;
  gap:14px;
  letter-spacing:1.6px;
  color:#ffffffd0;
  line-height:1;
  align-items:center;
}
.scene-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:26px;
  margin-top:18px; /* clear the hairline — labels sit fully below */
  padding-top:0;
}
.scene{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0;
  min-height:0;
  line-height:1.2;
  color:#ffffff88;
  font-size:10px;
}
.scene b{
  font-size:11px;
  font-weight:500;
  color:#ffffff66;
  font-variant-numeric:tabular-nums;
  min-width:18px;
  line-height:1;
}
.scene.active{color:#fff}
.scene.active b{color:#d0b580}
.pause{
  width:30px;
  height:30px;
  margin-top:0;
  flex-shrink:0;
}
.hero-side{
  right:var(--pad);
  top:50%;
  transform:translateY(-50%);
  font-size:9px;
  letter-spacing:2.2px;
  color:#ffffffd0;
}
header.fixed{--hero-header-h:78px}
@media(max-width:800px){
  :root{--hero-header-h:83px;--hero-meta-gap:14px}
  .hero-topline{top:calc(var(--hero-header-h) + var(--hero-meta-gap))}
  .hero-bottom{bottom:22px;align-items:stretch;flex-direction:column;gap:12px}
  .hero-cta{margin-top:calc(-1 * var(--hero-cta-h, 52px));width:100%}
  .scene-controls{margin-top:10px;width:100%;justify-content:space-between;gap:12px}
}
@media(max-height:820px){
  .hero-topline{top:calc(var(--hero-header-h) + 12px)}
  .hero-content{top:clamp(20%, calc(var(--hero-header-h) + 56px), 26%)}
  .hero-bottom{bottom:20px}
  .scene-controls{margin-top:12px;gap:18px}
}
@media(max-height:700px){
  .hero-topline{top:calc(var(--hero-header-h) + 8px)}
  .hero-content{top:18%}
  .hero-bottom{bottom:14px}
  .scroll-link{display:none}
  .scene-controls{margin-top:10px}
}


/* === Brand lockup Quill option 1 2026-10-23 === */
/* Sharp A-only circle + wordmark as one transparent lockup; no duplicate text in badge */
.brand{
  display:inline-flex;
  align-items:center;
  gap:0;
  min-width:0;
}
.brand img.brand-lockup,
.brand .brand-lockup{
  width:auto;
  height:44px;
  max-height:44px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
  border-radius:0;
  padding:0;
}
.brand>span,
.brand .brand-small{display:none} /* legacy wordmark if any remains */
header.fixed .brand-lockup{height:38px;max-height:38px}
@media(max-width:800px){
  .brand-lockup{height:36px;max-height:36px}
}
footer .brand-lockup{height:42px;max-height:42px}


/* === Brand lockup no outline === */
.brand, .brand:focus, .brand:focus-visible{outline:none;box-shadow:none}
.brand-lockup, .brand img.brand-lockup{
  outline:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}


/* === Hero headline vertical center 2026-10-23 === */
.hero-content{
  top:50%;
  transform:translateY(-50%);
  right:var(--pad);
  left:var(--pad);
  margin:0;
}
@media(max-height:820px){
  .hero-content{top:50%;transform:translateY(-50%)}
}
@media(max-height:700px){
  .hero-content{top:48%;transform:translateY(-50%)}
}
@media(min-width:1600px){
  .hero-content{top:50%;transform:translateY(-50%)}
}
@media(max-width:800px){
  .hero-content{top:48%;transform:translateY(-50%)}
}
@media(max-width:500px){
  .hero-content{top:46%;transform:translateY(-50%)}
}


/* === Hero headline larger 2026-10-23 === */
.hero h1{
  font-size:clamp(84px,10vw,168px);
  letter-spacing:-7px;
  line-height:.98;
}
.hero h1 em{line-height:1.08}
@media(max-width:1100px){
  .hero h1{font-size:clamp(72px,9vw,120px);letter-spacing:-5px}
}
@media(max-width:800px){
  .hero h1{font-size:clamp(64px,13vw,102px);letter-spacing:-4px}
}
@media(max-width:500px){
  .hero h1{font-size:clamp(52px,14vw,78px);letter-spacing:-3px}
}
@media(max-height:700px){
  .hero h1{font-size:clamp(56px,11vh,110px);letter-spacing:-4px}
}


/* === Header bar normal size 2026-10-23 === */
:root{--hero-header-h:72px}
header{
  height:72px;
  gap:24px;
}
header.fixed{height:60px}
.brand-lockup,.brand img.brand-lockup{height:34px;max-height:34px}
header.fixed .brand-lockup{height:30px;max-height:30px}
header nav{font-size:12px;gap:22px}
.header-contact{font-size:12px;padding:8px 0;gap:22px}
.header-contact span{font-size:16px}
.hero-topline{top:calc(72px + 14px)}
@media(max-width:800px){
  :root{--hero-header-h:64px}
  header{height:64px}
  header nav{top:64px}
  .brand-lockup{height:30px;max-height:30px}
  .hero-topline{top:calc(64px + 10px)}
}


/* === Hero side text + page alignment pass 2026-10-23 === */
.hero-side{
  position:absolute;
  right:max(12px, calc(var(--pad) * .35));
  top:50%;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  letter-spacing:2.4px;
  font-size:9px;
  line-height:1;
  color:#ffffffd6;
  white-space:nowrap;
  z-index:2;
  pointer-events:none;
}
/* Keep headline optically centered in the band between header and bottom bar */
.hero-content{
  top:50%;
  transform:translateY(-50%);
  max-width:min(920px, calc(100% - (var(--pad) * 2) - 40px));
}
.hero-topline{
  top:calc(var(--hero-header-h, 72px) + 14px);
  left:var(--pad);
  right:var(--pad);
}
.hero-bottom{
  left:var(--pad);
  right:var(--pad);
}
@media(max-width:1100px){
  .hero-side{display:none} /* already hidden on smaller; keep rule consistent */
}
@media(max-height:700px){
  .hero-side{font-size:8px;letter-spacing:2px}
}

/* === Section rhythm: tighter, still elegant (23 Oct 2026) ===
   Cut empty vertical padding between sections without packing content. */
.section{
  padding-top:64px;
  padding-bottom:64px;
}
.portfolio.section{
  padding-top:48px;
  padding-bottom:56px;
}
.section-label{
  padding-top:14px;
  padding-bottom:18px;
}
.about-heading{
  margin:16px 0 40px;
}
.section-heading{
  margin:16px 0 36px;
}
.contact-heading{
  margin:18px 0 40px;
}
.identity-strip{
  padding-top:22px;
  padding-bottom:22px;
}
.careers{
  padding-top:56px;
  padding-bottom:56px;
  min-height:520px;
}
.pixora{
  padding-top:48px;
  padding-bottom:48px;
  min-height:720px;
}
.pixora-content{
  margin-top:64px;
}
.pixora-chapters{
  margin-top:48px;
}
.pixora-bottom{
  margin-top:44px;
}
.footer-word{
  padding:40px 0 32px;
}
footer{
  padding-top:48px;
}
@media(min-width:1600px){
  .section{
    padding-top:80px;
    padding-bottom:80px;
  }
  .portfolio.section{
    padding-top:56px;
    padding-bottom:64px;
  }
}
@media(max-width:800px){
  .section{
    padding-top:48px;
    padding-bottom:48px;
  }
  .portfolio.section{
    padding-top:40px;
    padding-bottom:44px;
  }
  .careers{
    padding-top:48px;
    padding-bottom:48px;
    min-height:480px;
  }
  .contact-heading{
    margin-bottom:36px;
  }
  .about-heading{
    margin-bottom:28px;
  }
  .section-heading{
    margin-bottom:28px;
  }
}
@media(max-width:650px){
  .portfolio.section{
    padding-top:36px;
    padding-bottom:40px;
  }
}
@media(max-width:500px){
  .section{
    padding-top:40px;
    padding-bottom:40px;
  }
  .careers{
    padding:44px var(--pad);
    min-height:460px;
  }
}

/* === Portfolio selector: mark-only logos (23 Oct 2026) ===
   Logos are icon marks (wordmarks cropped out). Display as
   centered near-square marks; company name stays in the <span> below. */
/* === Portfolio marks: larger uniform squares, PIXORA reference (23 Oct) ===
   Tight-cropped square assets; every tile uses the same box + gap. */
.p-option{
  gap:6px;
  justify-content:center;
  align-items:center;
}
.p-option>img,
.p-option-pixora>img{
  width:48px;
  height:48px;
  max-width:48px;
  object-fit:contain;
  object-position:center;
  flex-shrink:0;
}
.p-option>img{
  mix-blend-mode:multiply;
}
.p-option-pixora>img{
  mix-blend-mode:normal;
}
.p-option>span{
  line-height:1.25;
  max-width:100%;
}
.p-logo .company-logo,
.p-logo>img.company-logo{
  width:auto;
  height:48px;
  max-width:120px;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:multiply;
}
@media(max-width:800px){
  .p-option>img,
  .p-option-pixora>img{
    width:44px;
    height:44px;
    max-width:44px;
  }
}
@media(max-width:650px){
  .p-option>img,
  .p-option-pixora>img{
    width:40px;
    height:40px;
    max-width:40px;
  }
  .p-logo .company-logo,
  .p-logo>img.company-logo{
    height:40px;
    max-width:100px;
  }
}

/* hero stills — one visible at a time; no Ken Burns / transform zoom */
.hero-pictures{z-index:0}
.hero-picture{
  display:block;
  object-fit:cover;
  opacity:0;
  transform:none!important;
  transition:opacity 1.15s ease;
  z-index:0;
  pointer-events:none;
  background:#172525;
  max-width:none;
}
.hero-picture.active{opacity:1;z-index:1}
.hero-picture.is-exiting{
  opacity:0;
  z-index:2; /* above sibling stills only during fade */
  transform:none!important;
}
.hero-shade{z-index:3}
.hero-topline,.hero-content,.hero-bottom,.hero-side{z-index:4;position:absolute}



/* COMPANY HERO VIDEOS 2026-10-23 */
.p-image>video.p-hero-video,
.p-image>video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  filter:saturate(.75);
  transform:none;
  transition:none;
  pointer-events:none;
  background:#102522;
}
.p-showcase:hover .p-image>video{transform:none}
.p-image:after{z-index:1}
.p-image-head,
.p-image-caption,


.p-showcase-pixora .p-image>video{filter:none}
/* Square art companies now use full-bleed video heroes */
.p-image-0>video,
.p-image-1>video{
  object-fit:cover;
  width:100%;
  height:100%;
  left:0;
  top:0;
  opacity:1;
  filter:saturate(.75);
}

/* 2026-10-23 revert: stills for non-video companies, no zoom/motion */
.p-image>img.p-hero-img,.p-showcase:hover .p-image>img.p-hero-img{transform:none!important;transition:none!important;animation:none!important}

/* === Header lockup larger + taller topbar 2026-10-26 === */
:root{--hero-header-h:96px}
header{
  height:96px;
  gap:28px;
}
header.fixed{height:72px}
.brand-lockup,.brand img.brand-lockup{
  height:52px;
  max-height:52px;
}
header.fixed .brand-lockup{height:42px;max-height:42px}
header nav{font-size:13px;gap:26px}
.header-contact{font-size:13px;padding:10px 0;gap:26px}
.header-contact span{font-size:18px}
.hero-topline{top:calc(96px + 16px)}
html{scroll-padding-top:100px}
footer .brand-lockup{height:48px;max-height:48px}
@media(max-width:800px){
  :root{--hero-header-h:76px}
  header{height:76px}
  header.fixed{height:64px}
  header nav{top:76px}
  .fixed nav{top:64px}
  .brand-lockup,.brand img.brand-lockup{height:40px;max-height:40px}
  header.fixed .brand-lockup{height:34px;max-height:34px}
  .hero-topline{top:calc(76px + 12px)}
  html{scroll-padding-top:80px}
}

/* Combi Lift partner mark: wide logo, fill the card/panel logo area */
.p-option>img[src*="partner-combilift-mark-v2"]{width:79%;height:36px;max-width:none}
.p-logo .company-logo[src*="partner-combilift-mark-v2"]{width:151px;height:43px;max-width:100%}