/* Principles continues the story's warm, atmospheric stage. */
#page-story #principles.ep-section{height:680svh;padding:0;margin:0;position:relative;background:#f5f3ee;color:#242c39;isolation:isolate}
#principles .ep-stage{position:sticky;top:0;height:100svh;min-height:520px;overflow:clip;isolation:isolate;background:#f5f3ee}
#principles .ep-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#principles .ep-running{position:absolute;z-index:7;left:9%;right:9%;top:7.8%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;opacity:var(--ep-heading,1)}
#principles .ep-running h2{font:400 clamp(24px,2.25vw,36px)/1.1 var(--display);margin:0;padding:0;letter-spacing:-.025em;color:#303846;text-align:left;max-width:none}
#principles .ep-running h2 em{font-weight:400;color:#243c78}
#principles .ep-running .ep-folio{font:400 10px/1 var(--sans);letter-spacing:.16em;color:#77786f}
#principles .ep-scene{position:absolute;inset:0;z-index:2;pointer-events:none;visibility:hidden;opacity:0}
#principles .ep-scene.is-present{visibility:visible}
#principles .ep-photo{position:absolute;right:1%;top:16%;width:52%;height:76%;margin:0;display:flex;align-items:center;justify-content:center;isolation:isolate;transform:translate3d(var(--ep-photo-x,0px),var(--ep-photo-y,0px),0) scale(var(--ep-photo-scale,1));opacity:var(--ep-photo-opacity,1);will-change:transform,opacity}
#principles .ep-photo .ep-image{width:auto;max-width:100%;height:100%;aspect-ratio:var(--ep-aspect,4 / 5);position:relative;-webkit-mask-image:var(--ep-cloud-mask);mask-image:var(--ep-cloud-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#principles .ep-photo img{height:100%;width:100%;display:block;max-width:none;object-fit:cover;object-position:center;filter:saturate(.80) contrast(.96);-webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 var(--ep-reveal-core,61%),#000a calc(var(--ep-reveal-core,61%) + 16%),transparent calc(var(--ep-reveal-core,61%) + 39%));mask-image:radial-gradient(ellipse at 50% 48%,#000 var(--ep-reveal-core,61%),#000a calc(var(--ep-reveal-core,61%) + 16%),transparent calc(var(--ep-reveal-core,61%) + 39%))}
#principles .ep-image::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 4%,#f5f3ee12,transparent 67%);mix-blend-mode:soft-light;pointer-events:none}
#principles .ep-copy{position:absolute;left:11%;top:53%;width:41%;max-width:670px;transform:translateY(-50%);z-index:4;text-align:left;color:#252c39;opacity:var(--ep-copy-opacity,1);pointer-events:auto}
#principles .ep-copy h3{font:400 var(--ep-title,clamp(74px,8.5vw,138px))/1 var(--display);font-weight:400;letter-spacing:-.042em;text-transform:none;margin:0 0 30px;max-width:none;color:#252c39;text-wrap:initial;overflow:visible}
#principles .ep-copy h3 .ep-soft{display:block;font-size:.50em;line-height:1.18;letter-spacing:-.025em;margin:0 0 .06em}
#principles .ep-copy h3 em{display:block;color:#243c78;font-weight:400;line-height:1.06;letter-spacing:-.043em;padding:0 .10em .11em 0;margin-bottom:-.11em}
#principles .ep-copy h3 [data-ep-line]{width:max-content;max-width:none;white-space:nowrap;opacity:var(--ep-ink,1);transform:translate3d(var(--ep-ink-x,0px),var(--ep-ink-y,0px),0);filter:blur(var(--ep-ink-blur,0px));text-shadow:0 0 var(--ep-ink-halo,0px) rgba(63,86,143,var(--ep-ink-shine,0));will-change:transform,opacity}
#principles .ep-copy p{max-width:35ch;font:400 clamp(15px,1.1vw,18px)/1.8 var(--sans);color:#444a55;margin:0;letter-spacing:0;text-wrap:pretty;opacity:var(--ep-body-opacity,1);transform:translate3d(0,var(--ep-body-y,0px),0);will-change:opacity,transform}
#principles .ep-scene[data-principle="1"] .ep-photo{right:auto;left:1%;width:46%;top:15%;height:78%;--ep-aspect:1012 / 1800}
#principles .ep-scene[data-principle="1"] .ep-copy{left:53%;width:39%;top:54%}
#principles .ep-scene[data-principle="1"] h3 em{font-size:.94em}
#principles .ep-scene[data-principle="2"] .ep-photo{right:0;width:52%;top:15%;height:77%}
#principles .ep-scene[data-principle="2"] .ep-copy{left:10%;width:42%;top:52%}
#principles .ep-scene[data-principle="2"] h3 .ep-soft{font-size:.63em}
#principles .ep-scene[data-principle="2"] h3 em{font-size:.98em}
#principles .ep-scene[data-principle="3"] .ep-photo{left:0;right:auto;top:17%;width:53%;height:74%;--ep-aspect:1}
#principles .ep-scene[data-principle="3"] .ep-copy{left:57%;width:37%;top:53%}
#principles .ep-scene[data-principle="3"] h3 .ep-soft{font-size:1.14em;line-height:.96;margin-bottom:.10em}
#principles .ep-scene[data-principle="3"] h3 em{font-size:.70em}
#principles .ep-scene[data-principle="4"] .ep-photo{right:0;width:54%;top:16%;height:76%;--ep-aspect:1}
#principles .ep-scene[data-principle="4"] .ep-copy{left:9%;width:43%;top:53%}
#principles .ep-scene[data-principle="4"] h3 .ep-soft{font-size:.49em}
#principles .ep-scene[data-principle="5"] .ep-photo{right:auto;left:-2%;top:17%;width:52%;height:72%;--ep-aspect:1}
#principles .ep-scene[data-principle="5"] .ep-photo img{object-fit:cover;object-position:50% 62%}
#principles .ep-scene[data-principle="5"] .ep-copy{left:52%;width:41%;top:52%}
#principles .ep-scene[data-principle="5"] h3 .ep-soft{font-size:.69em}
#principles .ep-scene[data-principle="5"] h3 em{font-size:.84em}
#principles .ep-scene[data-principle="5"] p{max-width:40ch}
#principles .ep-turning{position:absolute;z-index:6;bottom:5%;left:9%;right:9%;height:1px;background:#8b8c7a22;opacity:var(--ep-heading,1);pointer-events:none}
#principles .ep-turning span{display:block;width:var(--ep-read,0%);height:1px;background:linear-gradient(90deg,#274d9740,#274d9780,#be995f80)}
#principles .ep-entry-cloud,#principles .ep-exit-cloud{position:absolute;inset:0;z-index:1;pointer-events:none}
#principles .ep-entry-cloud{background:linear-gradient(#f5f3ee 0%,#f5f3ee00 27%);opacity:var(--ep-entry-cloud,1)}
#principles .ep-exit-cloud{background:linear-gradient(0deg,#f5f3ee 0%,#f5f3ee00 37%);opacity:var(--ep-exit-cloud,0)}
/* Native-flow fallback also makes every principle available without animation. */
#principles.ep-static{height:auto!important}
#principles.ep-static .ep-stage{position:relative;height:auto;min-height:0;background:radial-gradient(ellipse at 90% 15%,#e8e7e020,transparent 48%),#f5f3ee}
#principles.ep-static .ep-atmosphere,#principles.ep-static .ep-entry-cloud,#principles.ep-static .ep-exit-cloud,#principles.ep-static .ep-turning{display:none}
#principles.ep-static .ep-running{position:relative;inset:auto;display:flex;margin:0 7%;padding:50px 0 30px;opacity:1}
#principles.ep-static .ep-running h2{font-size:29px}
#principles.ep-static .ep-running .ep-folio{display:none}
#principles.ep-static .ep-scene{position:relative;inset:auto;visibility:visible;opacity:1;display:flex;flex-direction:column;margin:0 auto;padding:0 7% 95px;max-width:860px}
#principles.ep-static .ep-scene .ep-photo{position:relative;inset:auto;width:100%;height:clamp(290px,72vw,610px);margin:0 0 17px;transform:none!important;opacity:1!important}
#principles.ep-static .ep-photo img{-webkit-mask-image:none;mask-image:none}
#principles.ep-static .ep-scene:nth-of-type(even) .ep-photo{align-self:flex-end;width:90%}
#principles.ep-static .ep-scene .ep-copy{position:relative;inset:auto;width:100%;max-width:none;transform:none;opacity:1!important}
#principles.ep-static .ep-scene .ep-copy h3{font-size:clamp(63px,13vw,95px);margin-bottom:22px}
#principles.ep-static .ep-scene .ep-copy p{font-size:15px;line-height:1.8;max-width:42ch;opacity:1!important;transform:none!important}
#principles.ep-static .ep-scene h3 [data-ep-line]{opacity:1!important;transform:none!important;filter:none!important;text-shadow:none!important;-webkit-mask-image:none!important;mask-image:none!important}
#principles.ep-static .ep-scene[data-principle="5"] h3{font-size:clamp(59px,12vw,86px)}
#principles.ep-static .ep-scene:last-of-type{padding-bottom:90px}
@media(min-width:801px) and (max-height:650px){#principles .ep-running{top:5%}#principles .ep-copy p{font-size:14px;line-height:1.68}#principles .ep-copy h3{margin-bottom:20px}#principles .ep-turning{bottom:4%}}
@media(max-width:800px){#principles .ep-stage{min-height:0}}
#principles.ep-section{--ep-cloud-mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.011%20.010%22%20numOctaves%3D%222%22%20seed%3D%2214%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2247%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%2230%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M150%2035%20C300%200%20710%2015%20850%2058%20Q960%20105%20966%20290%20Q1004%20497%20959%20723%20Q943%20922%20815%20955%20Q511%201003%20253%20952%20Q78%20944%2058%20775%20Q7%20480%2047%20238%20Q52%2088%20150%2035Z%22%20fill%3D%22white%22%20filter%3D%22url%28%23soft%29%22%2F%3E%3C%2Fsvg%3E')}