.component--principles{--space:clamp(8px, .833vw, 16px);--space-half:calc(var(--space) * .5);--pr-black:#1b1f27;--pr-accent:#ff5900;box-sizing:border-box;width:100%;min-width:100%;color:var(--foreground,var(--pr-black));background:var(--background,#fff);font-family:var(--font-suisse), "NeueMontreal-Regular", Helvetica, sans-serif;padding:clamp(48px,5vw,96px) 0 clamp(80px,10vw,160px);font-weight:400}.component--principles .container{width:100%;max-width:100%;padding:0 var(--space);box-sizing:border-box;margin:0 auto}.component--principles .columns{flex-direction:row;justify-content:flex-start;margin-left:0;margin-right:0;display:flex}.component--principles .columns--outer{justify-content:flex-start;align-items:stretch}.component--principles .columns .item{box-sizing:border-box;flex-shrink:0;padding-left:0;padding-right:0}.component--principles .columns--outer>.item:first-child{flex-shrink:0;width:25%;min-width:25vw;max-width:25vw;margin-right:9.167vw}.component--principles .columns--outer>.item:first-child .content--main{top:var(--studio-panel-header-pad,clamp(72px, 12vh, 140px));z-index:2;width:100%;position:sticky}.component--principles .content--main .title.--label{letter-spacing:-.04em;color:var(--pr-accent);margin:0 0 clamp(8px,.833vw,16px);font-size:clamp(14px,1.667vw,24px);font-weight:400;line-height:1.1}.component--principles .content--main .title.--large{letter-spacing:-.04em;color:var(--foreground,var(--pr-black));margin:0;font-size:clamp(36px,5.833vw,84px);font-weight:400;line-height:.85}.component--principles .columns--outer>.item:nth-child(2){flex:none;width:55%;min-width:55vw;max-width:55vw;padding-top:clamp(48px,10vw,120px)}.component--principles .content--secondary{width:100%;margin-bottom:clamp(40px,7.5vw,96px)}.component--principles .content--secondary .wysiwyg{letter-spacing:-.04em;width:100%;max-width:min(48vw,420px);color:var(--foreground,var(--pr-black));margin-left:clamp(48px,20vw,280px);font-size:clamp(14px,1.375vw,18px);line-height:1.15}.component--principles .content--secondary .wysiwyg p,.component--principles .principles-headline{margin:0}.component--principles .principles-headline__line{display:block}.component--principles .principles-lead{letter-spacing:-.04em;text-indent:clamp(48px,20vw,280px);color:var(--foreground,var(--pr-black));margin:0 0 clamp(16px,3.75vw,48px);padding:0;font-size:clamp(22px,2.917vw,42px);font-weight:400;line-height:1.05}.component--principles .principles-lead[data-scroll-line-reveal] .scroll-line-reveal__line:first-child .scroll-line-reveal__line-inner{text-indent:clamp(48px,20vw,280px)}.component--principles .groups{width:100%;position:relative}.component--principles .groups>hr{border:0;border-bottom:1px solid var(--pr-black);width:100%;margin:0}.component--principles .groups .canvas{pointer-events:none;will-change:transform;z-index:2;width:20vw;height:30vw;max-height:440px;position:absolute;top:0;bottom:0;right:0}.component--principles .groups .canvas .square{border:1px solid var(--pr-black);opacity:.18;z-index:0;position:absolute;inset:12% 18%}.component--principles .groups .canvas .principles-canvas__webgl{z-index:1;position:relative;width:100%!important;height:100%!important}.component--principles .group{--principle-pad-y:clamp(24px, 3vw, 48px);--principle-image:min(28vw, 260px);width:100%;min-height:calc(var(--principle-image) + (2 * var(--principle-pad-y)));padding:var(--principle-pad-y) 0;box-sizing:border-box;display:flex;overflow:visible}.component--principles .group>.item{box-sizing:content-box;width:30vw;min-width:0;max-width:calc(100% - 28vw);min-height:inherit;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-right:28vw;display:flex;position:relative;overflow:visible}.component--principles .group .top,.component--principles .group .bottom{width:100%}.component--principles .group .label{letter-spacing:-.02em;opacity:.45;margin-bottom:clamp(4px,.4vw,8px);font-size:clamp(13px,1.25vw,16px);line-height:1}.component--principles .group .title.--medium{letter-spacing:-.04em;overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:100%;margin:0;padding:0;font-size:clamp(20px,2.917vw,42px);font-weight:400;line-height:1.05;display:block;overflow:visible}.component--principles .group .image{pointer-events:none;width:min(28vw,260px);height:min(28vw,260px);display:block;position:absolute;top:0;right:0;overflow:hidden}.component--principles .group .image img{object-fit:contain;width:100%;height:100%;display:block}.component--principles .groups .canvas{display:none}.component--principles .group .wysiwyg.--small{text-indent:clamp(16px,3.75vw,48px);letter-spacing:-.03em;opacity:.55;width:25vw;max-width:100%;font-size:clamp(13px,1.083vw,16px);line-height:1.25;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);display:block}.component--principles .group .wysiwyg.--small p{margin:0}.component--principles .group.is-active .wysiwyg.--small{opacity:1}._principles--studio-panel.component--principles{width:100vw;min-width:100vw;padding-top:var(--studio-panel-header-pad,clamp(64px, 10vh, 112px));margin-top:0;margin-bottom:clamp(48px,6vh,96px)}@media (max-width:1100px){.component--principles{padding:clamp(48px,20vw,82px) 0 0}.component--principles .columns{flex-direction:column}.component--principles .columns--outer>.item:first-child{width:100%;min-width:0;max-width:none;margin-right:0}.component--principles .columns--outer>.item:first-child .content--main{position:relative;top:auto}.component--principles .columns--outer>.item:nth-child(2){width:100%;min-width:0;max-width:none;padding-top:clamp(24px,7.5vw,48px)}.component--principles .principles-lead,.component--principles .principles-lead[data-scroll-line-reveal]{box-sizing:border-box;text-align:left;text-indent:0;width:min(70vw,420px);max-width:min(70vw,420px);margin-left:clamp(24px,17.5vw,72px);margin-right:0;font-size:clamp(18px,5.5vw,26px)}.component--principles .principles-lead[data-scroll-line-reveal] .scroll-line-reveal__line:first-child .scroll-line-reveal__line-inner,.component--principles .principles-lead[data-scroll-line-reveal] .scroll-line-reveal__line-inner{text-indent:0;text-align:left}.component--principles .content--secondary .wysiwyg{width:min(70vw,420px);max-width:min(70vw,420px);margin-left:clamp(24px,17.5vw,72px);font-size:clamp(14px,4.444vw,18px)}.component--principles .group{flex-direction:column;height:auto;min-height:0;padding:clamp(16px,4.5vw,24px) 0}.component--principles .group>.item{box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top image""bottom bottom";justify-content:space-between;align-items:start;gap:clamp(8px,2.5vw,16px) clamp(40px,14vw,88px);width:100%;max-width:100%;height:auto;padding-right:0;display:grid}.component--principles .group .top{grid-area:top;place-self:start;width:auto;max-width:min(60vw,240px)}.component--principles .group .bottom{grid-area:bottom;width:100%}.component--principles .group .label{text-align:left;margin-bottom:clamp(4px,1.2vw,8px)}.component--principles .group .title.--medium{text-align:left;width:auto;max-width:100%;font-size:clamp(18px,6.667vw,28px)}.component--principles .group .image{aspect-ratio:1;grid-area:image;place-self:start end;width:clamp(140px,38vw,200px);height:auto;display:block;position:relative;top:auto;right:auto;overflow:hidden}.component--principles .group .image img{object-fit:contain;width:100%;height:100%;display:block}.component--principles .group .wysiwyg.--small{text-align:left;text-indent:0;opacity:1;justify-self:start;width:min(60vw,240px);max-width:min(60vw,240px);margin-top:clamp(16px,5vw,28px);margin-left:0;margin-right:0;padding-top:0}.component--principles .group .wysiwyg.--small p{text-align:left;text-indent:0;margin:0}}