/* A physical portfolio model, with an explorable business key. */
:root{--gutter:clamp(24px,4vw,80px);--paper:#f3f4ef;--marine:#183c48;--rule:#c3cfcd}
html{scroll-padding-top:90px}.site-header{height:84px}.prototype-bar{background:#e5eae5}.hero{margin-top:84px;min-height:0;height:auto;max-height:none;padding:26px var(--gutter) 0;background:var(--paper);overflow:hidden;isolation:isolate}
.hero-topline{position:relative;inset:auto;z-index:3;margin:0 0 30px;padding:0 0 13px;border-color:var(--rule);color:#587079;font:8px/1.6 var(--mono);letter-spacing:.05em}.hero-topline .edition{font:8px/1.6 var(--mono);letter-spacing:.06em}.hero-topline .tiny-cross{font-size:12px;vertical-align:middle}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:6vw;row-gap:0;max-width:none;margin:0;padding:0;background:transparent;pointer-events:none}.hero-content:before{content:none}.hero h1{grid-column:1;grid-row:1/3;font-size:clamp(56px,6.8vw,123px);font-weight:400;letter-spacing:-.072em;line-height:.91;max-width:none;margin:0 0 0 -5px;animation:none}.hero h1>span{display:block}.hero h1 em{display:block;max-width:none;font-family:var(--font);font-size:.3em;font-weight:400;font-style:normal;line-height:1.25;letter-spacing:-.035em;color:#5c7c86;margin-top:17px;white-space:normal}.hero-content>p{grid-column:2;grid-row:1;align-self:start;font-size:11px;line-height:1.9;color:#526d75;margin:4px 0 0;padding:0;max-width:none;animation:none;pointer-events:auto}.hero-actions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap;margin:17px 0 0;align-self:start;animation:none;pointer-events:auto}.hero-actions .button{padding:0;min-height:35px;background:transparent;color:#183c48;border:0;border-bottom:1px solid #8ca4a8;font-size:10px;gap:15px}.hero-actions .button:hover{background:transparent;color:#9e6a53}.hero-actions .text-link{font-size:10px;min-height:35px;padding:0;gap:12px}
.portfolio-stage{position:relative;z-index:1;margin:-30px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter);height:auto;isolation:isolate;scroll-margin-top:130px}.model-world{position:relative;width:100%;aspect-ratio:2/1;transform:translate(0,0) scale(1);transform-origin:42% 50%;transition:transform 900ms cubic-bezier(.19,1,.22,1);will-change:transform}.portfolio-model{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.7) contrast(.96);animation:modelArrive 1.6s cubic-bezier(.16,1,.3,1) both}.model-world:after{content:'';position:absolute;bottom:7%;left:4%;right:4%;height:23%;border:1px solid #66869022;border-radius:50%;transform:rotate(-5deg);z-index:-1}.model-points{position:absolute;inset:0}.model-point{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:8px;padding:0 10px 0 0;transform:translate(-50%,-50%);color:#183c48;background:#f5f7f2ed;box-shadow:0 4px 20px #133d4810;transition:background .2s,color .2s,opacity .4s;white-space:nowrap;z-index:2;min-height:32px}.model-point>span{display:grid;place-items:center;width:32px;min-height:32px;border:1px solid #63838a;background:#f7f9f3;font:9px var(--mono);color:#315968}.model-point>b{font-size:10px;font-weight:600;letter-spacing:-.015em}.model-point>i{position:absolute;top:100%;left:16px;height:27px;border-left:1px solid #183c4870;pointer-events:none}.model-point>i:after{content:'';position:absolute;bottom:0;left:-3px;width:5px;height:5px;border:1px solid #183c48;background:#eff3ed;border-radius:50%}.model-point:hover,.model-point:focus-visible,.model-point.is-selected{background:#183c48;color:#f5f7f2;z-index:4}.model-point:hover>span,.model-point.is-selected>span{background:#183c48;color:#f5f7f2;border-color:#183c48}.model-point:focus-visible{outline:2px solid #9e6a53;outline-offset:5px}.model-point.point-0>i{height:42px}.model-point.point-2>i{height:23px}.model-point.point-4>i{height:42px}.model-point.point-5>i{height:17px}
.model-legend{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;margin:-13px 0 16px;font:7px/1.7 var(--mono);letter-spacing:.04em;color:#6c8186;position:relative;z-index:2}.model-legend>span:nth-child(2){text-align:center;color:#284f5b}.model-legend b{font-size:15px;font-weight:400;margin-left:6px}.model-legend>span:last-child{text-align:right}
.business-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:none;border:0;border-top:1px solid #a7babc;border-bottom:1px solid #a7babc;position:relative;z-index:5}.business-tab{position:relative;display:flex;gap:11px;min-height:94px;padding:19px 16px 19px 0;text-align:left;border:0!important;border-right:1px solid #c5d1d0!important;background:transparent;color:#183c48;font-size:12px;line-height:1.3;transition:color .2s,background .2s}.business-tab:not(:first-child){padding-left:16px}.business-tab:last-child{border-right:0!important}.business-tab small{font:8px/1.5 var(--mono);color:#779095;padding:1px 0 0;align-self:flex-start}.business-tab span{display:block;max-width:none;font-size:12px;font-weight:600;letter-spacing:-.03em}.business-tab span em{display:block;font:8px/1.6 var(--font);font-style:normal;color:#6c8187;letter-spacing:0;margin-top:6px;max-width:145px}.business-tab>b{display:none}.business-tab:hover{background:#e8eeea}.business-tab[aria-selected=true]{background:#183c48;color:#f3f4ef}.business-tab[aria-selected=true] small,.business-tab[aria-selected=true] em{color:#bdcfd0}.business-tab:focus-visible{outline:2px solid #9e6a53;outline-offset:-5px}.business-tab[aria-selected=true]:after{content:'';position:absolute;top:-5px;left:calc(50% - 5px);width:9px;height:9px;background:#183c48;transform:rotate(45deg)}
.dossier-tray{position:absolute;top:4%;right:var(--gutter);width:clamp(320px,28vw,455px);z-index:6;background:#f8faf4;box-shadow:0 20px 70px #113b4924;border:1px solid #a8bfc3;animation:dossierEnter .55s cubic-bezier(.16,1,.3,1) both}.dossier-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:0 21px;border-bottom:1px solid #c8d4d2;font:7px/1.5 var(--mono);letter-spacing:.05em;color:#6d848a}.dossier-toolbar b{font-weight:400;color:#315b69;margin-left:10px}.dossier-close{min-width:44px;min-height:44px;font-size:24px;font-weight:400;color:#315b69;margin-right:-13px}.dossier-close:hover{color:#9e6a53}.capability-grid{display:block}.dossier-tray .capability,.dossier-tray .capability:nth-child(even){display:block;min-height:0;background:transparent;color:#183c48;opacity:1;transform:none;overflow:visible;border:0}.dossier-tray .capability-image{display:none}.dossier-tray .capability-content,.dossier-tray .capability:nth-child(even) .capability-content{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:27px 28px 32px;background:transparent;color:#183c48;min-height:0;border:0}.dossier-tray .cap-tag{font:8px/1.6 var(--mono);letter-spacing:.02em;color:#6d838a;margin:0 0 23px;min-height:0}.dossier-tray .capability h3{font:400 clamp(29px,2.5vw,43px)/1.08 var(--font);letter-spacing:-.055em;text-transform:none;color:#183c48;margin:0 0 20px;max-width:none;min-height:0}.dossier-tray .capability p{font-size:12px;line-height:1.9;color:#526d75;min-height:0;max-width:none}.dossier-tray .capability a{font-size:11px;line-height:1.6;min-height:38px;color:#183c48;border-bottom:1px solid #78969c;margin-top:23px;padding:8px 0;font-weight:600}.dossier-tray .capability a:hover{color:#9e6a53;border-color:#9e6a53}.dossier-tray .original-icon{display:none}.dossier-tray [role=tabpanel]:focus-visible{outline:2px solid #9e6a53;outline-offset:-5px}.has-selection .model-world{transform:translateX(-10%) scale(1.03)}.has-selection .model-point:not(.is-selected){opacity:.65}.has-selection .model-point:hover,.has-selection .model-point:focus-visible{opacity:1}.has-selection[data-business="4"] .model-world,.has-selection[data-business="5"] .model-world{transform:translateX(-22%) scale(1.12)}.has-selection[data-business="3"] .model-world{transform:translateX(-16%) scale(1.07)}
.atlas-base{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:31px 0 38px}.atlas-base>div{display:flex;align-items:flex-start;gap:28px}.atlas-base .eyebrow{font:7px/1.6 var(--mono);letter-spacing:.04em;white-space:nowrap;color:#658088;padding-top:3px}.atlas-base h2{font-size:17px;line-height:1.45;font-weight:400;letter-spacing:-.03em;max-width:375px}.atlas-base h2 em{display:block;font:inherit;color:#6a838b}.read-group{display:flex;align-items:center;justify-content:flex-end;gap:30px}.read-group>span{font:8px/1.7 var(--mono);color:#6a838b}.read-group>b{display:flex;align-items:center;gap:26px;font-size:11px;font-weight:400}.read-group i{display:grid;place-items:center;min-width:37px;height:37px;border:1px solid #a9bdbe;border-radius:50%;font-size:19px;font-style:normal;transition:background .2s,color .2s}.read-group:hover i{background:#183c48;color:#f3f4ef}.model-world,.dossier-tray{contain:layout style}
@keyframes modelArrive{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@supports(mask-composite:intersect){.portfolio-model{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect}}
@keyframes dossierEnter{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.hero-content{grid-template-columns:minmax(0,1fr) 360px}.hero-content>p{font-size:13px}.hero-actions .button,.hero-actions .text-link{font-size:11px}.portfolio-stage{margin-top:-60px}.business-tab{min-height:105px;padding-top:23px;padding-bottom:23px}.business-tab span{font-size:14px}.business-tab span em{font-size:9px}.model-point>b{font-size:11px}.dossier-tray .capability p{font-size:14px}.dossier-tray .capability-content{padding:32px 34px 38px}.atlas-base h2{font-size:20px}.model-legend{font-size:8px}}
@media(max-width:1100px){.hero{padding-top:22px}.hero-content{grid-template-columns:minmax(0,1fr) 250px;column-gap:5vw}.hero h1{font-size:7.2vw}.hero-content>p{font-size:10px;line-height:1.85}.hero-actions{gap:10px 23px;margin-top:13px}.hero-actions .button,.hero-actions .text-link{font-size:9px;min-height:28px}.portfolio-stage{margin-top:0}.model-legend{font-size:6px}.business-tab{min-height:91px;gap:7px;padding-right:11px;font-size:10px}.business-tab:not(:first-child){padding-left:11px}.business-tab span{font-size:11px}.business-tab span em{font-size:7px}.business-tab small{font-size:7px}.model-point{gap:6px;padding-right:7px;min-height:28px}.model-point>span{width:28px;min-height:28px;font-size:8px}.model-point>b{font-size:8px}.model-point>i{left:14px}.dossier-tray{width:330px;top:0}.dossier-tray .capability-content,.dossier-tray .capability:nth-child(even) .capability-content{padding:22px}.dossier-tray .capability h3{font-size:29px}.dossier-tray .capability p{font-size:11px;line-height:1.8}.dossier-tray .cap-tag{font-size:7px;margin-bottom:17px}.dossier-toolbar{min-height:43px}.dossier-tray .capability a{font-size:10px;margin-top:16px}.atlas-base>div{gap:20px}.atlas-base h2{font-size:14px}.read-group{gap:17px}.read-group>span{font-size:7px}.atlas-base{padding-top:24px;padding-bottom:29px}.has-selection .model-world{transform:translateX(-13%) scale(1.03)}}
@media(max-width:800px){.site-header{height:76px}.hero{margin-top:76px}.hero-topline{margin-bottom:24px}.hero-topline .edition{display:none}.hero-content{grid-template-columns:1fr}.hero h1{grid-column:1;grid-row:auto;font-size:clamp(58px,9.6vw,78px);line-height:.96}.hero h1>span{display:block}.hero h1>span:first-child:after{content:none}.hero h1 em{font-size:.37em;margin-top:14px}.hero-content>p{grid-column:1;grid-row:auto;margin-top:23px;font-size:12px;line-height:1.8;max-width:520px}.hero-actions{grid-column:1;grid-row:auto;gap:25px;margin-top:17px}.hero-actions .button,.hero-actions .text-link{font-size:10px;min-height:34px}.portfolio-stage{margin-top:22px}.model-world{width:116%;margin-left:-8%}.model-point>b{font-size:8px}.model-legend{grid-template-columns:1fr 1fr;row-gap:8px;margin-top:0}.model-legend>span:first-child{display:none}.model-legend>span:nth-child(2){text-align:left}.model-legend>span:last-child{font-size:6px}.business-selector{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}.business-tab{min-height:81px;border-bottom:1px solid #a7babc!important;padding:16px 13px!important;gap:9px}.business-tab:nth-child(3n){border-right:0!important}.business-tab span{font-size:12px}.business-tab span em{font-size:8px;max-width:none}.business-tab small{font-size:8px}.business-tab[aria-selected=true]:after{display:none}.dossier-tray{position:relative;top:auto;right:auto;width:100%;margin-top:20px;box-shadow:none;border-color:#a8bfc3;animation:dossierEnter .35s both}.dossier-tray .capability-content,.dossier-tray .capability:nth-child(even) .capability-content{padding:28px 30px 30px}.dossier-tray .capability h3{font-size:35px;max-width:520px}.dossier-tray .capability p{font-size:13px;line-height:1.9;max-width:590px}.dossier-tray .cap-tag{font-size:8px}.dossier-tray .capability a{font-size:12px;margin-top:20px;min-height:44px}.dossier-toolbar{padding:0 30px;font-size:8px;min-height:47px}.has-selection .model-world,.has-selection[data-business] .model-world{transform:none}.atlas-base{grid-template-columns:1fr;gap:23px;padding-top:27px}.atlas-base>div{gap:22px}.atlas-base h2{font-size:17px;max-width:none}.read-group{justify-content:space-between;border-top:1px solid #d0dad6;padding-top:19px}.read-group>span{font-size:8px}.read-group>b{font-size:12px}.portfolio-model{animation-duration:1s}.model-point.point-4>i{height:25px}.model-point.point-0>i{height:29px}}
@media(max-width:520px){.hero{padding-top:20px}.hero-topline{font-size:6px;letter-spacing:.015em;padding-bottom:12px;margin-bottom:23px}.hero-topline .tiny-cross{margin-right:4px;font-size:11px}.hero h1{font-size:clamp(43px,10vw,55px);letter-spacing:-.065em;margin-left:-2px;line-height:.98}.hero h1 em{font-size:.43em;letter-spacing:-.04em;margin-top:14px}.hero-content>p{font-size:12px;line-height:1.85;margin-top:23px;max-width:none}.hero-actions{gap:25px;margin-top:17px}.hero-actions .button,.hero-actions .text-link{font-size:10px}.portfolio-stage{margin-top:23px}.model-world{width:138%;margin-left:-19%;aspect-ratio:2/1}.model-point{gap:0;padding:0;min-height:29px}.model-point>span{width:29px;min-height:29px;font-size:9px;background:#f7f9f3ed}.model-point>b{display:none}.model-point>i{left:14px;height:18px!important}.model-point.point-0{--x:20%!important}.model-point.point-5{--x:80%!important}.model-legend{margin-top:4px;margin-bottom:14px;grid-template-columns:1fr 1.2fr;gap:14px;font-size:6px;line-height:1.8}.model-legend>span:last-child{font-size:6px}.model-legend b{font-size:12px}.business-tab{min-height:85px;padding:14px 9px!important;gap:7px;line-height:1.25}.business-tab span{font-size:11px}.business-tab span em{font-size:7px;line-height:1.6;margin-top:6px}.business-tab small{font-size:7px;padding-top:1px}.dossier-tray .capability-content,.dossier-tray .capability:nth-child(even) .capability-content{padding:24px 23px 28px}.dossier-tray .capability h3{font-size:32px}.dossier-tray .capability p{font-size:13px;line-height:1.85}.dossier-toolbar{padding:0 23px;font-size:7px}.atlas-base>div{display:block}.atlas-base .eyebrow{font-size:7px;margin-bottom:11px;padding-top:0}.atlas-base h2{font-size:18px;max-width:330px}.atlas-base{padding-top:25px;padding-bottom:28px;gap:24px}.read-group>span{font-size:7px}.read-group>b{font-size:11px;gap:16px}.read-group i{min-width:34px;height:34px}.model-world:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.model-world,.portfolio-model,.dossier-tray,.model-point{animation:none!important;transition:none!important}.has-selection .model-world,.has-selection[data-business] .model-world{transform:none!important}}
.motion-paused .model-world,.motion-paused .portfolio-model,.motion-paused .dossier-tray,.motion-paused .model-point{animation:none!important;transition:none!important}