#content img{margin:0;box-shadow:none}.jagged,#end{background:none}h1,h2,h3,h4,h5,h6{margin-top:0}p:last-child{margin-bottom:0}.page-buttons{margin:0 3%}#content{padding:0;margin:0}#content h1{border-bottom:0}#content h2,#content h3,#content h4{margin-bottom:.5em}#content{--post-font-size: 20px;--post-font-size-small: 12px;--post-font-size-code: 14px;--post-font-size-heading-card: 20px}#content p,#content ul,#content ol,#content li{font-size:var(--post-font-size);line-height:1.4}#content ul{list-style:disc}#content p.center{text-align:center}#content .section-centered-slim{width:71%}#content .section-last{padding-bottom:2.75em}#content .section h2{margin-bottom:.6em}#content .section>p+p{margin-top:.9em}#content .flex-wrapper .column-content p,#content .units-row .unit-33 p,#content .units-row .unit-33 li{font-size:16px;line-height:1.45}#content .section{margin:0 3.25em;clear:both}.posts article{padding-bottom:.5em;border-bottom:none;margin-bottom:2em}.flex-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;flex-basis:100%;align-items:start;justify-content:center}.flex-wrapper.flex-reverse{flex-wrap:wrap}.flex-wrapper.flex-reverse .column-content{align-self:center}.column-image{width:430px;margin-top:2em!important}.column-first{margin:0 2.5em 0 0}.column-content{width:40%;flex-grow:1;align-self:center}@media screen and (min-width: 0px) and (max-width: 767px){.column-content{width:100%}.column-first{margin:0}}.section-centered ul li{margin:0 auto}.units-row{margin-bottom:0}@media screen and (min-width: 0px) and (max-width: 955px){.column-image{width:350px}}@media screen and (min-width: 0px) and (max-width: 887px){#content .section{margin:0 1em}.column-image{width:350px}.section-centered{margin:1em!important}.section-centered-slim{width:initial}.section-last{padding-bottom:0}}@media screen and (min-width: 0px) and (max-width: 410px){.column-image{width:286px;margin:0 auto}.section-centered ul li{font-size:var(--post-font-size)}}#runtime-changes-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.section-centered{text-align:left;margin:0 auto!important}#content #introduction.section{padding-top:1.75em}#content #introduction>p{max-width:75ch;margin-left:auto;margin-right:auto}#content #introduction .intro-hero{display:flex;align-items:center;justify-content:space-between;gap:2.5em;min-height:380px;padding:1.5em 2.5em;margin:0 auto 1.5em;border-radius:16px;background-image:url(/img/blog/4.3-released/header-bg.png),linear-gradient(120deg,#6aa0f0,#3f78d4 55%,#2f67c2);background-size:cover;background-position:center;background-repeat:no-repeat}#content #introduction .intro-hero-ogle{position:relative;width:360px;height:320px;flex:0 0 360px}#content #introduction .intro-hero-ogle spine-skeleton{display:block;width:100%;height:100%}#content #introduction .intro-hero-title-wrap{flex:1;display:flex;justify-content:center;align-items:center}#content #introduction .intro-hero-title-wrap h1{margin:0;padding:0;display:block;color:#fff;font-size:96px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 4px 16px rgba(0,0,0,.22);text-align:center;transform:translateY(6px)}.section-centered h1,.section-centered h2,.section-centered h3{text-align:center}.placeholder-img{position:relative;height:340px;width:100%;max-width:520px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.placeholder-img spine-skeleton{display:block;width:100%;height:100%;touch-action:none}.placeholder-img spine-skeleton.allow-scroll{touch-action:pan-y}.slider-example-frame{border:none}.ogle-touch-capture{display:none}@media screen and (min-width: 0px) and (max-width: 767px){.ogle-touch-capture{position:absolute;left:22%;top:16%;width:56%;height:72%;display:block;z-index:2;background:transparent;pointer-events:auto;touch-action:none}#content #introduction .intro-hero{flex-direction:column;gap:1em;padding:1.25em;min-height:0;margin-top:0}#content #introduction .intro-hero-ogle{width:100%;max-width:320px;height:260px;flex:none}#content #introduction .intro-hero-title-wrap h1{font-size:56px}}.muscle-example{display:flex;flex-direction:column;padding-top:20px;box-sizing:border-box}.muscle-example .muscle-skeleton-container{flex:1;min-height:0}.muscle-example spine-skeleton{display:block;width:100%;height:100%;touch-action:pan-y}.muscle-example .skeleton-hint{flex:0 0 auto;display:block;text-align:center;color:#aaa;font-style:italic;line-height:1;padding-bottom:10px;pointer-events:none;user-select:none}.muscle-touch-capture{display:none}.ogle-example{display:flex;flex-direction:column;padding:20px 0;box-sizing:border-box}.ogle-example .ogle-skeleton-container{flex:1;min-height:0}.ogle-example spine-skeleton{display:block;width:100%;height:100%;touch-action:pan-y}@media screen and (min-width: 0px) and (max-width: 767px){.muscle-touch-capture{position:absolute;right:15%;top:30%;width:34%;height:45%;display:block;z-index:2;background:transparent;pointer-events:auto;touch-action:none}}.clock-example{display:flex;flex-direction:column;padding-top:20px;padding-bottom:20px;box-sizing:border-box}.clock-skeleton-container{flex:1;min-height:0;pointer-events:none;touch-action:pan-y}.clock-skeleton-container spine-skeleton{display:block;width:100%;height:100%;pointer-events:none;touch-action:pan-y}.clock-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;color:#333;font-family:monospace;font-size:var(--post-font-size-small);line-height:24px;user-select:none}.clock-speed-row{display:flex;align-items:center;justify-content:space-between;gap:.75em;width:100%}.clock-speed-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;flex:1}.clock-speed-control input{display:block;margin:0}.clock-speed-control span{display:flex;align-items:center;line-height:1;height:22px}.clock-speed-reset{padding:0 .75em;margin:0;border:1px solid #b8c9d8;border-radius:7px;background:#fff;color:#4b5f70;font-size:12px;line-height:28px;height:28px;display:inline-flex;align-items:center;cursor:pointer;white-space:nowrap}.clock-speed-reset:hover{background:#f4f8fb}.clock-speed-control input[type=range]{appearance:none;-webkit-appearance:none;position:static;top:auto;width:clamp(140px,100%,260px);height:24px;background:transparent;accent-color:#3ea9f5}.clock-speed-control input[type=range]::-webkit-slider-runnable-track{height:4px;background:#e6e6e6;border:1px solid #aaa;border-radius:4px}.clock-speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-11px;background:#3ea9f5;border:none;border-radius:50%}.clock-speed-control input[type=range]::-moz-range-track{height:4px;background:#e6e6e6;border:1px solid #aaa;border-radius:4px}.clock-speed-control input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#3ea9f5;border:none;border-radius:50%}.slider-examples-section{position:relative}#content .slider-examples-section .section-last{padding-top:0;padding-bottom:0}.slider-examples-section .column-content{align-self:stretch;display:flex;flex-direction:column}.slider-examples-section .flex-wrapper.flex-reverse .column-content{align-self:stretch}.slider-examples-section .column-content h3{margin-top:0}.slider-examples-section .column-content .inline-slider-toggle,.slider-examples-section .column-content .clock-controls,.slider-examples-section .column-content .example-control{margin-top:auto}#content .slider-examples-section .slider-example-card h3{font-size:26px!important;margin-top:0;padding-top:.1em;margin-bottom:.5em}#content .slider-examples-section .slider-example-card .column-content p{font-size:17px;line-height:1.5}.slider-examples-section .column-image{margin-top:0!important;width:520px}#content .slider-examples-section>.flex-wrapper.slider-example-card{max-width:1100px;margin:1.25em auto;padding:2em;gap:2em;align-items:stretch;background:#f8fbfd;border:1px solid #d9edf9;border-radius:16px;box-sizing:border-box;box-shadow:0 2px 12px #0000000a}#content .sliders-intro-section{margin-top:.5em;margin-bottom:.6em}#content .sliders-intro-section p{max-width:75ch;margin-left:auto;margin-right:auto}#content .slider-examples-intro.section{padding-top:.5em;margin-top:0;margin-bottom:.4em}#content .slider-examples-intro p{font-size:var(--post-font-size);line-height:1.4}#content .slider-examples-lead{margin-top:1.25em;margin-bottom:1.1em;font-weight:500}#content .slider-examples-global-toggle{margin:.8em auto 1.4em;transform:none}.slider-control-bar{display:grid;align-items:center;gap:14px;margin-top:1.25em;padding:0 1em;background:#eef4f9;border:1px solid #d5e8f6;border-radius:10px;height:56px;box-sizing:border-box}.slider-control-bar-toggle{grid-template-columns:minmax(0,1fr) auto}.slider-control-bar-speed{grid-template-columns:auto minmax(0,1fr) auto auto}.slider-control-text{display:flex;align-items:center;height:28px;line-height:28px;margin:0;color:#6f8293}.slider-toggle-control{position:relative;display:flex;align-items:center;justify-self:end;cursor:pointer}.slider-control-bar-speed .slider-control-text{min-width:44px;color:#4b5f70;font-family:monospace;font-size:var(--post-font-size-small)}.slider-speed-control{display:flex;align-items:center;height:28px;gap:12px;min-width:0}.slider-speed-control #clock-speed-multiplier{flex:1;width:100%;max-width:260px}.slider-speed-control #clock-speed-multiplier-value{min-width:40px;text-align:right;font-family:monospace;font-size:var(--post-font-size-small);line-height:28px;height:28px;color:#333}.slider-examples-global-toggle{position:sticky;top:20px;z-index:2147483647;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:none;margin:1em auto;padding:0;pointer-events:none;box-sizing:border-box}.slider-examples-global-toggle label{position:relative;z-index:99999;display:flex;align-items:center;justify-content:center;gap:12px;margin:0!important;padding:10px 15px;color:#333;background:#e9f6ff;border:1px solid #3ea9f5;border-radius:8px;box-shadow:0 2px 10px #0000001f;font-family:monospace;font-size:var(--post-font-size-small);line-height:18px;cursor:pointer;pointer-events:auto;user-select:none;text-align:center}.slider-examples-global-toggle input[type=checkbox],.slider-toggle-control input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.slider-examples-global-toggle .toggle-switch,.slider-toggle-control .toggle-switch{position:relative;display:block;align-self:center;flex:0 0 52px;width:52px;min-width:52px;height:26px;padding:2px;border-radius:999px;background:#d8d8d8;color:#777;box-sizing:border-box;transition:background .2s ease}.slider-examples-global-toggle .toggle-switch:before,.slider-toggle-control .toggle-switch:before{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.slider-examples-global-toggle input[type=checkbox]:checked+.toggle-switch,.slider-toggle-control input[type=checkbox]:checked+.toggle-switch{background:#3ea9f5;color:#fff}.slider-examples-global-toggle input[type=checkbox]:checked+.toggle-switch:before,.slider-toggle-control input[type=checkbox]:checked+.toggle-switch:before{transform:translate(26px)}.clock-speed-control span{min-width:38px;text-align:center}#content .other.units-row{display:block;padding-top:.6em;padding-bottom:.6em}#content .other .unit-33{float:none;display:grid;grid-template-columns:minmax(360px,50%) 1fr;grid-template-rows:auto 1fr;width:100%!important;min-height:280px;margin:0 0 1.25em;overflow:hidden;padding:0;background:#f8fbfd;border:1px solid #d9edf9;border-radius:16px;box-shadow:0 2px 12px #0000000f;box-sizing:border-box}#content .other .unit-33:last-child{margin-bottom:0}#content .other .borderless-img{display:block;grid-row:1 / 3;height:100%;line-height:normal;margin:0;background:#fff}#content .other .unit-33.media-right{border-radius:16px}#content .other .unit-33.media-right .borderless-img{grid-column:2}#content .other .unit-33.media-right h2,#content .other .unit-33.media-right p{grid-column:1}#content .other .unit-33.media-right h2{grid-row:1}#content .other .unit-33.media-right p{grid-row:2}#content .other .borderless-img img,#content .other .borderless-img video{display:block;width:100%;min-height:280px;object-fit:contain;background:#fff;border-radius:0}#content .other .borderless-img img{height:100%}#content .other .borderless-img video{height:auto}#content .other h2{margin:1.05em 1.35em .55em;padding:0;color:#263542;font-size:var(--post-font-size-heading-card);font-weight:600;line-height:1.2}#content .other p{margin:0 1.55em 1.35em;line-height:1.55}#content .other-grid.units-row{display:flex;align-items:stretch;gap:1.25em;padding-top:.75em;padding-bottom:.75em}#content .other-grid .unit-33,#content .other-grid .unit-33.media-right{position:relative;overflow:visible;display:flex;flex:1 1 0;flex-direction:column;width:auto!important;min-height:250px;margin:1.5em 0 0;padding-top:1.35em;border-radius:16px}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{position:absolute;left:-.6em;top:-1.6em;display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0;background:#fff;border:1px solid #d9edf9;border-radius:999px;box-shadow:0 4px 14px #0000001f}#content .other-grid .borderless-img img,#content .other-grid .borderless-img video{width:58px;height:58px;min-width:58px;min-height:58px;object-fit:contain;background:transparent}#content .other-grid .unit-33.media-right h2,#content .other-grid .unit-33.media-right p{grid-column:auto;grid-row:auto}#content .other-section-break{padding-top:3em;padding-bottom:2.25em}#content .other-section-break p{margin-top:0;margin-bottom:0}#content .other-section-break+.other-grid{padding-top:0}#content .other-show-more-intro{padding-top:2.75em;padding-bottom:1.25em}#content .other-show-more-intro p{margin-top:0;margin-bottom:0}.transform-constraint-ui-image{display:block;max-width:320px;width:100%;margin:1.75em auto;border:1px solid #d9edf9;border-radius:12px;box-shadow:0 2px 12px #00000014}#content .transform-constraint-ui-image{margin:1.75em auto!important}.transform-scroll-card{max-width:920px;margin:2em auto;padding:1.5em;background:#f8fbfd;border:1px solid #d9edf9;border-radius:16px;box-shadow:0 2px 12px #0000000f}.transform-scroll-card #scroll-tc{position:relative;width:100%;height:580px;margin:0;background:#fff;border:0;border-radius:12px;overflow:hidden}.transform-scroll-card p{margin-bottom:1.25em}.transform-scroll-card .scroll-skeleton-hint{position:absolute;left:0;right:0;bottom:12px;display:block;text-align:center;color:#aaa;font-style:italic;line-height:1;pointer-events:none;user-select:none}@media screen and (min-width: 0px) and (max-width: 767px){.transform-scroll-card{padding:1em}.transform-scroll-card #scroll-tc{height:360px}}.webcomponents-demo{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:0;max-width:960px;margin:1.75em auto 1em;overflow:hidden;background:#f8fbfd;border:1px solid #d9edf9;border-radius:16px;box-shadow:0 2px 12px #0000000f}.webcomponents-code{display:flex;align-items:center;margin:0;padding:1.6em;overflow:auto;color:#fff;background:#000;font-size:var(--post-font-size-code);font-weight:400;line-height:1.9}.webcomponents-code code{display:block;margin:0;padding:0;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:1em;font-weight:400;line-height:inherit;white-space:pre}.webcomponents-preview{min-height:360px;background:#fff}.webcomponents-preview spine-skeleton{display:block;width:100%;height:360px}#content .webcomponents-outro.section{padding-top:0}#content .runtime-changelog-link{margin-top:2em}@media screen and (min-width: 0px) and (max-width: 767px){#content .other.units-row{padding-top:0;padding-bottom:0}#content .other .unit-33,#content .other .unit-33.media-right{display:block;min-height:0;margin:0 0 1.5em!important;border-radius:16px}#content .other:not(.other-grid) .borderless-img,#content .other:not(.other-grid) .borderless-img img,#content .other:not(.other-grid) .borderless-img video{height:auto;min-height:0}#content .other:not(.other-grid) .borderless-img img,#content .other:not(.other-grid) .borderless-img video{height:190px}#content .other:not(.other-grid) .borderless-img video{height:auto;width:100%;min-height:0}#content .other-grid.units-row{display:block;padding-top:0;padding-bottom:0}#content .other-grid .unit-33,#content .other-grid .unit-33.media-right{position:relative;overflow:visible;min-height:0;margin:2.25em 0 0!important;padding-top:1.35em}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{position:absolute;left:-.6em;top:-1.6em;display:flex;align-items:center;justify-content:center;width:68px;height:68px;min-width:68px;min-height:68px;margin:0;border-radius:999px}#content .other:not(.other-grid) .unit-33:last-child{margin-bottom:1.5em!important}#content .other:not(.other-grid):last-of-type .unit-33:last-child{margin-bottom:0!important}.slider-examples-global-toggle{top:8px;top:calc(env(safe-area-inset-top,0px) + 8px)}.transform-scroll-card,.webcomponents-demo,#content .other-grid.units-row,#content .slider-examples-section>.flex-wrapper.slider-example-card{margin-left:1em;margin-right:1em}#content .slider-examples-section>.flex-wrapper.slider-example-card{padding:1.25em}.webcomponents-demo{grid-template-columns:1fr}.webcomponents-preview,.webcomponents-preview spine-skeleton{height:300px;min-height:300px}}#diamond-example,#diamond-example *{line-height:1.2;margin-bottom:0}#diamond-example code{padding:0;display:inline;background:none;border-radius:0;box-shadow:none;font-size:inherit}#diamond-example{--diamond-font-size: 16px;--diamond-font-size-ui-small: 12px;--diamond-font-size-small: 10px;--diamond-color-slider: #2ecc71;--diamond-color-animation: #b07cd8;--diamond-color-main-animation: #3ea9f5;--diamond-color-control: #f39c12;box-sizing:border-box;font-family:inherit;font-size:var(--diamond-font-size);color:#333;padding-top:1.5em;padding-bottom:.5em}#diamond-example .d-layout{display:flex;flex-direction:column;gap:0;background:#1a1a2e;border-radius:8px;overflow:hidden}#diamond-example .step-nav{display:flex;align-items:center;gap:12px;background:#ffffff1f;border-radius:8px 8px 0 0;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}#diamond-example .step-btn{min-width:44px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#fff;font-weight:700;cursor:pointer;transition:background .15s,transform .1s,border-color .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;box-shadow:0 1px 3px #00000026;white-space:nowrap}#diamond-example .step-btn svg{width:12px;height:12px;flex:0 0 auto}#diamond-example .step-btn.next{background:var(--diamond-color-animation);border-color:#ffffff47;box-shadow:0 0 0 3px #b07cd82e,0 1px 3px #00000026}#diamond-example .step-btn:hover:not(:disabled){background:#ffffff29;border-color:#ffffff47;transform:translateY(-1px)}#diamond-example .step-btn.next:hover:not(:disabled){background:#b07cd8}#diamond-example .step-btn:active:not(:disabled){transform:translateY(0)}#diamond-example .step-btn:disabled{background:#ffffff0d;border-color:#ffffff14;color:#777;cursor:not-allowed;box-shadow:none}#diamond-example .step-btn-label{display:inline-block;letter-spacing:.01em}@media (max-width: 640px){#diamond-example .step-btn{min-width:36px;padding:0 10px}#diamond-example .step-btn-label{display:none}}#diamond-example .step-title-wrapper{position:relative;flex:1;text-align:center;font-weight:700;color:#fff;overflow:hidden;height:1.4em;line-height:1.4}#diamond-example .step-title{position:absolute;top:0;left:0;right:0;line-height:1.4;opacity:0;transition:opacity .3s ease}#diamond-example .step-title.visible{opacity:1}#diamond-example .step-index,#diamond-example .step-index-alt{font-size:var(--diamond-font-size-ui-small);color:#aaa;font-weight:400;margin-right:2px}#diamond-example .description-wrapper{position:relative;background:#ffffff1a;border-radius:0;padding:14px 16px;overflow:hidden;transition:height .35s ease;margin-top:0;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}#diamond-example .description{position:absolute;top:14px;left:16px;right:16px;line-height:1.5;color:#bbb;opacity:0;pointer-events:none;transition:opacity .3s ease}#diamond-example .description.visible{opacity:1;pointer-events:auto;position:relative;top:auto;left:auto;right:auto}#diamond-example .description strong{color:inherit;font-weight:400}#diamond-example .description code{background:#ffffff1a;padding:1px 5px;border-radius:3px}#diamond-example .description .ref-label{color:#ccc;font-weight:700}#diamond-example .description .ref-slider{color:var(--diamond-color-slider)}#diamond-example .description .ref-anim{color:var(--diamond-color-animation)}#diamond-example .description .ref-main-anim{color:var(--diamond-color-main-animation)}#diamond-example .description .ref-ctrl-slider{color:var(--diamond-color-control)}#diamond-example .description .ref-ctrl-anim{color:var(--diamond-color-slider)}#diamond-example .d-panel{display:none;flex-direction:column;gap:10px}#diamond-example .d-panel.visible{display:flex}#diamond-example .constraint-row{max-height:300px;overflow:visible;transition:max-height .6s ease,opacity .4s ease,margin .3s ease}#diamond-example .sub-row{overflow:visible;transition:max-height .6s ease,opacity .4s ease,margin .3s ease}#diamond-example .constraint-row.entering{max-height:0;opacity:0}#diamond-example .constraint-divider{overflow:hidden;transition:max-height .6s ease,opacity .4s ease,margin .3s ease;max-height:20px;height:1px;background:#ffffff14;margin:10px 0}#diamond-example .d-section{background:#0000000a;padding:10px 12px;border-radius:6px;font-family:monospace}#diamond-example .constraint-box{border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0;padding:10px 12px 12px;background:#3d3d50;font-family:monospace;font-size:var(--diamond-font-size-ui-small);color:#ddd}#diamond-example .constraint-row{display:flex;gap:0}#diamond-example .constraint-row .sidebar-label{writing-mode:vertical-lr;transform:rotate(180deg);text-transform:uppercase;letter-spacing:1px;font-size:var(--diamond-font-size-small);font-weight:700;flex-shrink:0;width:28px;margin-right:6px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}#diamond-example .sidebar-label.slider-label{color:var(--diamond-color-slider)}#diamond-example .sidebar-label.anim-label{color:var(--diamond-color-animation)}#diamond-example .sidebar-label.main-anim-label{color:var(--diamond-color-main-animation)}#diamond-example .slider-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--diamond-color-control);cursor:pointer;user-select:none;font-weight:700;vertical-align:middle}#diamond-example .slider-toggle input{accent-color:var(--diamond-color-control);cursor:pointer;margin:0}#diamond-example .anim-picker{display:inline-flex;align-items:center;gap:5px;color:var(--diamond-color-main-animation);font-weight:700;user-select:none}#diamond-example .anim-picker select{background:#16a08526;color:var(--diamond-color-main-animation);border:1px solid rgba(46,204,113,.4);border-radius:3px;padding:2px 4px;font-family:monospace;font-size:inherit;font-weight:700;cursor:pointer}#diamond-example .s3-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}#diamond-example .s3-controls .anim-picker,#diamond-example .s3-controls .slider-toggle{animation:d-control-attention 1.4s ease-in-out infinite;border-radius:4px}@keyframes d-control-attention{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 14px currentColor,0 0 20px currentColor}}#diamond-example .constraint-row .d-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding-right:0}#diamond-example .mapping-row{display:grid;grid-template-columns:120px 1fr;gap:6px;margin:2px 0;font-size:var(--diamond-font-size-small)}#diamond-example .mapping-row .mapping-label{color:#888;text-align:right}#diamond-example .mapping-row .mapping-label:after{content:" \25bc";color:var(--diamond-color-slider);font-size:var(--diamond-font-size-small)}#diamond-example .d-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}#diamond-example .d-row .d-label{color:#888}#diamond-example .d-row .d-value{color:#333}#diamond-example .d-bar-container{margin-top:6px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;position:relative}#diamond-example .d-bar-fill{position:absolute;top:0;left:0;bottom:0;transition:width .03s linear}#diamond-example .d-bar-fill.main{background:var(--diamond-color-animation)}#diamond-example .d-bar-fill.slider{background:var(--diamond-color-slider)}#diamond-example .d-events{margin-top:8px;background:#3b3b3b;border:1px solid rgba(255,255,255,.08);overflow:visible}#diamond-example .d-ruler,#diamond-example .d-event{display:grid;grid-template-columns:160px 1fr;align-items:stretch;gap:0;font-size:var(--diamond-font-size-small)}#diamond-example .d-ruler{border-bottom:1px solid rgba(255,255,255,.08)}#diamond-example .d-ruler-label,#diamond-example .d-event-label{background:#ffffff14;border-right:1px solid rgba(255,255,255,.08);padding:0 10px;display:flex;align-items:center;min-height:22px;color:#d6d6d6}#diamond-example .d-ruler-label{color:#8f8f8f;font-size:var(--diamond-font-size-small);text-transform:uppercase;letter-spacing:.08em}#diamond-example .d-event+.d-event{border-top:1px solid rgba(255,255,255,.06)}#diamond-example .d-event{color:#a8a8a8;transition:color .15s}#diamond-example .d-event.active{color:#f0f0f0}#diamond-example .d-ruler-track,#diamond-example .d-event .track{position:relative;min-height:22px;overflow:visible;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent var(--minor-step, 3.333%)),repeating-linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent var(--major-step, 16.666%)),linear-gradient(to bottom,#ffffff05,#00000014)}#diamond-example .d-event .track:before{content:"";position:absolute;left:0;right:0;top:calc(var(--line-y, 50%) - 1px);height:2px;background:#ffffff14}#diamond-example .d-ruler-tick{position:absolute;top:0;bottom:0;width:1px;background:#ffffff29;transform:translate(-50%)}#diamond-example .d-ruler-tick.minor{background:#ffffff14}#diamond-example .d-ruler-label-text{position:absolute;top:-14px;transform:translate(-50%);font-size:var(--diamond-font-size-small);color:#999;font-family:monospace}#diamond-example .d-event .segment{position:absolute;height:2px;top:calc(var(--line-y, 50%) - 1px);background:var(--row-color, var(--diamond-color-animation));opacity:.92}#diamond-example .d-event .keyframe{position:absolute;width:2px;height:14px;top:calc(var(--line-y, 50%) - 7px);background:var(--row-color, var(--diamond-color-animation));transform:translate(-50%)}#diamond-example .d-event .cursor{position:absolute;top:0;bottom:0;width:2px;background:#fffffff2;transform:translate(-50%);box-shadow:0 0 0 1px #0000002e}#diamond-example .d-event.active .segment,#diamond-example .d-event.active .keyframe{filter:brightness(1.12)}@media (max-width: 720px){#diamond-example .d-ruler,#diamond-example .d-event{grid-template-columns:120px 1fr}}#diamond-example .scrubber{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:0;font-size:var(--diamond-font-size-small);color:#d6d6d6;font-weight:400}#diamond-example .scrubber.interactive-control{font-weight:700}#diamond-example .scrubber>span{min-height:24px;padding:0 10px;display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-right:none}#diamond-example .scrubber .track{position:relative;height:24px;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3.333%),repeating-linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 16.666%),linear-gradient(to bottom,#ffffff05,#00000014);border:1px solid rgba(255,255,255,.08);cursor:pointer;user-select:none;overflow:visible;touch-action:none}#diamond-example .scrubber #d-s2-frame-scrubber,#diamond-example .scrubber #d-s3-frame-scrubber,#diamond-example .scrubber #d-s3-rot-scrubber{cursor:default}#diamond-example .scrubber .track.attention{animation:d-scrubber-attention 1.4s ease-in-out infinite;border-color:#ff7a1abf;z-index:2}@keyframes d-scrubber-attention{0%,to{box-shadow:inset 0 0 8px #ff7a1a40,0 0 6px #ff7a1a40}50%{box-shadow:inset 0 0 14px #ff7a1a52,0 0 12px #ff7a1a8c}}#diamond-example .scrubber .track .tick-marks{position:absolute;inset:0}#diamond-example .scrubber .track .frame-tick{position:absolute;top:0;bottom:0;width:1px;background:#ffffff24;transform:translate(-50%)}#diamond-example .scrubber .track .frame-label{position:absolute;top:-14px;transform:translate(-50%);font-size:var(--diamond-font-size-small);color:#8f8f8f;font-family:monospace}#diamond-example .scrubber .playhead{position:absolute;top:0;bottom:0;width:2px;background:#ff7a1a;transform:translate(-50%);pointer-events:none;box-shadow:0 0 0 1px #0000001f,0 0 6px #ff7a1a40}#diamond-example .scrubber .playhead-label{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:var(--diamond-font-size-small);font-weight:700;color:#ff9a52;font-family:monospace;white-space:nowrap}#diamond-example .bone-indicator{pointer-events:auto;transform-origin:0% 50%;cursor:default}#diamond-example .bone-indicator.draggable{cursor:grab}.bone-indicator.attention{filter:drop-shadow(0 0 5px rgba(255,122,26,.85));animation:d-bone-attention 1.4s ease-in-out infinite}@keyframes d-bone-attention{0%,to{filter:drop-shadow(0 0 3px rgba(255,122,26,.35))}50%{filter:drop-shadow(0 0 12px rgba(255,122,26,.95))}}#diamond-example .bone-indicator.draggable:active{cursor:grabbing}#diamond-example .bone-indicator svg{display:block;overflow:visible}#diamond-example .diamond-viewport{--diamond-viewport-height: 290px;width:100%;height:var(--diamond-viewport-height);overflow:hidden;position:relative;background:#3d3d50;border-radius:0 0 8px 8px;transition:height .35s ease}#diamond-example .skeleton-container{position:absolute;left:0;right:0;bottom:0;width:100%;height:400px;overflow:hidden}#diamond-example spine-skeleton{display:block;width:100%;height:100%}#content .other.other-grid.units-row{margin-top:1.5em;margin-bottom:1.25em;padding:0;gap:1.6em;align-items:stretch}#content .other.other-grid .unit-33,#content .other.other-grid .unit-33.media-right{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:.75em}#content .other.other-grid .borderless-img{height:auto;line-height:normal;margin:0 0 .35em}#content .other.other-grid .placeholder-img-sm{max-width:220px;margin:0 auto;background:#fbfcfe;border:1px solid #e8edf3;border-radius:10px}#content .other.other-grid h2{font-size:22px;margin:.15em 0 .25em;text-align:center}#content .other.other-grid p,#content .other.other-grid li{font-size:16px;line-height:1.5}#content .other.other-grid ul{margin-top:.35em}#content .other.other-grid .unit-33>p:last-child{margin-bottom:0}#content .other.units-row{margin-top:2.1em;margin-bottom:1.9em;padding:0;border:0;box-shadow:none;background:transparent}#content .other .unit-33,#content .other .unit-33.media-right{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}#content .other:not(.other-grid) .unit-33,#content .other:not(.other-grid) .unit-33.media-right{display:grid;align-content:center;min-height:320px}#content .other:not(.other-grid) .borderless-img{min-height:300px}#content .other:not(.other-grid) .borderless-img img,#content .other:not(.other-grid) .borderless-img video{width:100%;object-fit:cover}#content .other:not(.other-grid) .borderless-img video{object-fit:contain}#content .other .borderless-img,#content .other .unit-33.media-right .borderless-img{margin-bottom:.9em;border-radius:12px;overflow:hidden}#content .other .borderless-img img,#content .other .borderless-img video{border-radius:12px;-webkit-mask-image:-webkit-radial-gradient(white,black);clip-path:inset(0 round 12px)}#content .other-grid.units-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4em;align-items:stretch}#content .other-grid .unit-33,#content .other-grid .unit-33.media-right{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;padding:.5em .25em 0}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{height:120px;min-height:120px;display:flex;align-items:center;justify-content:center;margin:0 0 .85em}#content .other-grid .borderless-img img,#content .other-grid .borderless-img video{height:120px;width:auto;max-width:100%;object-fit:contain}#content .other-grid h2{font-size:18px;line-height:1.25;margin:.35em 0 .45em;text-align:left}#content .other-grid p,#content .other-grid li{font-size:16px;line-height:1.45}@media screen and (max-width: 887px){#content .other-grid.units-row{grid-template-columns:1fr;gap:1.8em}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{height:100px;min-height:100px}#content .other-grid .borderless-img img,#content .other-grid .borderless-img video{height:100px}}#content .other h2{margin-top:.45em;margin-bottom:.6em;text-align:left}#content .other p,#content .other li{font-size:16px;line-height:1.5}#content .other+.other{margin-top:2.75em}#content .other .unit-33:not(.media-right) h2,#content .other .unit-33.media-right h2{margin-top:.75em}#content .other .borderless-img img{height:260px;object-fit:cover}#content .other .borderless-img video{height:auto;object-fit:contain}@media screen and (max-width: 887px){#content .other.units-row{margin-top:1.35em;margin-bottom:1.35em}}.example-control{display:grid;align-items:center;column-gap:14px;width:100%;height:56px;margin-top:1.25em;padding:0 16px;background:#eef4f9;border:1px solid #d5e8f6;border-radius:10px;box-sizing:border-box}.example-control-toggle{position:relative;grid-template-columns:minmax(0,1fr) auto}.example-control-toggle:after{content:attr(data-tooltip);position:absolute;left:16px;bottom:calc(100% + 10px);z-index:20;width:max-content;max-width:min(320px,calc(100vw - 64px));padding:10px 12px;border-radius:8px;background:#1d2a36f5;box-shadow:0 8px 24px #0000002e;color:#fff;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;white-space:normal;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.example-control-toggle:before{content:"";position:absolute;left:32px;bottom:calc(100% + 4px);z-index:21;border:6px solid transparent;border-top-color:#1d2a36f5;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.example-control-toggle.tooltip-visible:after,.example-control-toggle.tooltip-visible:before{opacity:1;transform:translateY(0)}.example-tooltip-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;padding:0;border:1px solid #b7cad9;border-radius:50%;background:#fff;color:#6f8293;font:inherit;font-size:14px;line-height:1;cursor:pointer}.example-tooltip-button:hover,.example-tooltip-button:focus-visible{border-color:#3ea9f5;color:#258dd2;outline:none}.example-control-speed{grid-template-columns:auto minmax(120px,1fr) auto auto}.example-control-label,.example-speed-value,.example-speed-reset{display:inline-flex;align-items:center;height:28px;line-height:28px;margin:0;padding:0;font-size:14px;box-sizing:border-box}.example-control-label{color:#6f8293}.example-control-speed .example-control-label,.example-speed-value{font-family:monospace;font-size:var(--post-font-size-small);color:#333}.example-toggle{position:relative;display:inline-flex;align-items:center;width:52px;height:28px;margin:0;padding:0;cursor:pointer}.example-toggle input{position:absolute;opacity:0;pointer-events:none}.example-toggle-track{position:relative;display:block;width:52px;height:26px;border-radius:999px;background:#d8d8d8;transition:background .2s ease}.example-toggle-track:before{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.example-toggle input:checked+.example-toggle-track{background:#3ea9f5}.example-toggle input:checked+.example-toggle-track:before{transform:translate(26px)}.example-speed-range{appearance:none;-webkit-appearance:none;width:100%;max-width:260px;height:28px;margin:0;padding:0;background:transparent;accent-color:#3ea9f5;top:1px!important}.example-speed-range::-webkit-slider-runnable-track{height:4px;background:#d5dce3;border-radius:999px}.example-speed-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;background:#3ea9f5;border:0;border-radius:50%}.example-speed-range::-moz-range-track{height:4px;background:#d5dce3;border-radius:999px}.example-speed-range::-moz-range-thumb{width:20px;height:20px;background:#3ea9f5;border:0;border-radius:50%}.example-speed-value{min-width:40px;justify-content:flex-end}.example-speed-reset{padding:0 10px;border:1px solid #b8c9d8;border-radius:7px;background:#fff;color:#4b5f70;font-size:12px;cursor:pointer;white-space:nowrap}.example-speed-reset:hover{background:#f4f8fb}.example-control{align-items:center}.example-control-label{display:flex;align-items:center;height:100%;line-height:normal}.example-toggle{position:relative;display:block;width:52px;height:100%;margin:0;padding:0}.example-toggle-track{position:absolute;top:60%;left:0;transform:translateY(-50%)}.example-speed-range,.example-speed-value,.example-speed-reset{align-self:center}#content .other-grid.units-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.25em 1.6em;max-width:1250px;margin:3em auto 2em;padding:0}#content .other-grid .unit-33,#content .other-grid .unit-33.media-right{position:relative;display:flex!important;flex-direction:column;min-height:245px;padding:54px 28px 28px!important;background:#f8fbfd!important;border:1px solid #d9edf9!important;border-radius:16px!important;box-shadow:0 8px 24px #1b354e0f!important;box-sizing:border-box;overflow:visible}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{position:absolute;top:-34px;left:28px;display:flex!important;align-items:center;justify-content:center;width:74px;height:74px;min-height:74px;margin:0;padding:0;background:#fff;border:1px solid #d9edf9;border-radius:999px;box-shadow:0 8px 18px #1b354e1f;overflow:hidden}#content .other-grid .borderless-img img,#content .other-grid .borderless-img video{display:block;width:52px!important;height:52px!important;max-width:52px;max-height:52px;object-fit:contain!important;border-radius:0!important;clip-path:none!important;-webkit-mask-image:none!important}#content .other-grid h2{font-size:22px!important;line-height:1.2;font-weight:700;letter-spacing:.02em;text-align:center!important;margin:0 0 .75em!important;color:#2c3b48}#content .other-grid p{font-size:17px!important;line-height:1.48;margin:0;color:#20262c}@media screen and (max-width: 887px){#content .other-grid.units-row{grid-template-columns:1fr;gap:3em}}#content .other-grid.units-row{width:calc(100% - 72px);max-width:1120px;gap:3.15em 1.45em}#content .other-grid .unit-33,#content .other-grid .unit-33.media-right{min-height:238px;padding:54px 26px 26px!important}#content .other-grid .borderless-img,#content .other-grid .unit-33.media-right .borderless-img{left:24px}#content .other-grid h2{text-align:left!important}#more-changes-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .3s ease}#more-changes-content.expanded{opacity:1}#content .more-toggle{text-align:center;margin:1.5em 0 2.5em}#content .more-toggle a{cursor:pointer;color:#2f9af4;text-decoration:none}#content .more-toggle a:hover{text-decoration:underline}#content .prose-polish-section{max-width:780px;margin-left:auto;margin-right:auto}#content .prose-polish-section h2{max-width:720px;margin:2.35em auto .8em;font-size:32px;line-height:1.18;font-weight:500;letter-spacing:.01em;text-align:center}#content .prose-polish-section h3{margin:2.3em 0 .65em;padding-top:.85em;border-top:1px solid #e6edf3;font-size:24px;line-height:1.25;font-weight:500;letter-spacing:.01em;text-align:left;color:#202a33}#content .prose-polish-section p,#content .prose-polish-section li{font-size:18px;line-height:1.55}#content .prose-polish-section p{margin-top:0;margin-bottom:1.15em}#content .native-runtime-section p:has(strong:first-child){margin-top:1.55em}#content .prose-polish-section code{font-size:.88em;padding:.08em .28em;background:#f2f4f6;border:1px solid #e8ecef;border-radius:4px;color:#333}#content .webcomponents-section{padding-bottom:.7em}#content .webcomponents-demo{max-width:960px;margin:1.65em auto 1.1em}#content .webcomponents-outro{max-width:780px;margin-top:0;margin-bottom:.7em}#content .runtime-changes-section ul{margin:1.2em 0 1.9em;padding:1.05em 1.25em 1.05em 1.55em;background:#f8fbfd;border:1px solid #e1edf5;border-radius:14px}#content .runtime-changes-section li{margin:.55em 0;padding-left:.15em}#content .runtime-changes-section .runtime-changelog-link{margin-top:1.65em}#content .closing-section{padding-top:.6em;padding-bottom:3em}#content .closing-section .center{margin-top:1.6em}#content .prose-polish-section h2{margin-top:1.2em;margin-bottom:.65em}#content .prose-polish-section h3{margin:1.55em 0 .55em;padding-top:0;border-top:0}#content .runtime-changes-section h3{margin-top:1.8em}#content .prose-polish-section p,#content .prose-polish-section li,#content .other-show-more-intro p{font-size:var(--post-font-size)}#content .other-show-more-intro{max-width:780px;margin-left:auto;margin-right:auto}#content .other-show-more-intro p{line-height:1.4}#content p,#content ul,#content ol,#content li,#content .prose-polish-section p,#content .prose-polish-section li,#content .other-show-more-intro p{line-height:1.5}#content .other-grid p,#content .other-grid li,#content .slider-examples-section .slider-example-card .column-content p,#content .other:not(.other-grid) .unit-33 p,#content .other:not(.other-grid) .unit-33 li{line-height:1.4}#content .other-grid p,#content .other-grid li,#content .slider-examples-section .slider-example-card .column-content p,#content .other:not(.other-grid) .unit-33 p,#content .other:not(.other-grid) .unit-33 li{font-size:18px!important}#content .other-show-more-intro,#content .prose-polish-section,#content .webcomponents-outro{width:71%;max-width:none}#content .other-show-more-intro p{text-align:left}#content .other-show-more-intro p,#more-changes-content p,#more-changes-content li,#content .prose-polish-section p,#content .prose-polish-section li,#content .webcomponents-outro p{font-size:18px;line-height:1.5}#content .slider-examples-section .slider-example-card .example-control-label{font-weight:500}#content .slider-examples-section .slider-example-card .example-control+.example-control{margin-top:.75em}#content .slider-examples-section .slider-example-card .example-control-label,#content .slider-examples-section .slider-example-card .example-speed-value,#content .slider-examples-section .slider-example-card .example-speed-reset{font-family:inherit;font-size:14px;font-weight:400;line-height:1;color:#4b5f70}@media screen and (min-width: 768px) and (max-width: 1020px){#content #introduction .intro-hero{gap:1.25em;padding:1.5em 1.75em}#content #introduction .intro-hero-ogle{width:300px;height:300px;flex-basis:300px}#content #introduction .intro-hero-title-wrap h1{font-size:clamp(64px,8vw,82px);white-space:nowrap}}#content{--single-column-width: 47rem;--single-column-gutter: 32px}#content .single-column-prose,#content .single-column-block{width:min(calc(100% - var(--single-column-gutter)),var(--single-column-width))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}#content .single-column-prose h1,#content .single-column-prose h2,#content .single-column-prose h3{text-align:center}#content .single-column-prose p,#content .single-column-prose ul,#content .single-column-prose ol{max-width:none!important;margin-left:0!important;margin-right:0!important}@media screen and (max-width: 887px){#content .single-column-prose,#content .single-column-block{width:min(calc(100% - 32px),var(--single-column-width))!important}}@media screen and (max-width: 887px){#content .single-column-prose,#content .single-column-block{width:min(calc(100% - 64px),var(--single-column-width))!important}#content #introduction .single-column-prose{width:min(calc(100% - 32px),var(--single-column-width))!important}}@media screen and (max-width: 887px){#content .other:not(.other-grid).units-row{width:min(calc(100% - 32px),var(--single-column-width))!important;margin-left:auto!important;margin-right:auto!important;margin-top:1.75em;margin-bottom:1.75em}#content .other:not(.other-grid) .unit-33,#content .other:not(.other-grid) .unit-33.media-right{display:block!important;width:100%!important;min-height:0!important;margin:0!important}#content .other:not(.other-grid) .borderless-img,#content .other:not(.other-grid) .unit-33.media-right .borderless-img{display:block!important;width:100%!important;min-height:0!important;margin:0 0 1em!important}#content .other:not(.other-grid) .borderless-img img,#content .other:not(.other-grid) .borderless-img video{display:block;width:100%!important;height:auto!important;min-height:0!important;object-fit:contain}#content .other:not(.other-grid) h2{margin-top:.35em!important;margin-bottom:.55em!important}#content .other:not(.other-grid) p{margin-top:0!important}}@media screen and (max-width: 768px){#content #introduction .intro-hero-title-wrap h1{font-size:64px;padding-bottom:20px}}@media screen and (min-width: 0px) and (max-width: 410px){#content #introduction .intro-hero-title-wrap h1{font-size:52px}}#content #introduction .intro-hero-ogle{width:288px;height:256px;flex-basis:288px}@media screen and (min-width: 768px) and (max-width: 1020px){#content #introduction .intro-hero-ogle{width:240px;height:240px;flex-basis:240px}}@media screen and (max-width: 767px){#content #introduction .intro-hero-ogle{max-width:256px;height:208px}}#content #introduction .intro-hero-ogle{width:317px;height:282px;flex-basis:317px;transform:translate(50px)}@media screen and (min-width: 768px) and (max-width: 1020px){#content #introduction .intro-hero-ogle{width:264px;height:264px;flex-basis:264px;transform:translate(50px)}}@media screen and (max-width: 767px){#content #introduction .intro-hero-ogle{max-width:282px;height:229px;transform:translate(50px)}}#content #introduction .intro-hero-title-wrap{flex-direction:column;gap:.75em}#content #introduction .intro-hero-title-wrap h1{font-weight:900;letter-spacing:-.035em;text-shadow:0 5px 10px rgba(23,55,115,.28)}#content #introduction .intro-hero-subheading{max-width:620px;margin:0;color:#fff;font-size:27px;font-weight:500;line-height:1.45;text-align:center;text-shadow:0 3px 8px rgba(23,55,115,.24);z-index:10}@media screen and (max-width: 1020px){#content #introduction .intro-hero-subheading{font-size:22px;max-width:520px}}@media screen and (max-width: 767px){#content #introduction .intro-hero-ogle{transform:none}#content #introduction .intro-hero-title-wrap{gap:.45em}#content #introduction .intro-hero-subheading{font-size:18px;line-height:1.35;max-width:92%}}@media screen and (min-width: 0px) and (max-width: 410px){#content #introduction .intro-hero-subheading{font-size:16px}}#content #introduction .intro-hero-title-wrap h1{font-weight:900;letter-spacing:-.045em;text-shadow:0 10px 22px rgba(20,48,105,.22)}#content #introduction .intro-hero-subheading{max-width:700px;font-size:19px;font-weight:500;line-height:1.55;text-shadow:0 6px 16px rgba(20,48,105,.2)}@media screen and (max-width: 1020px){#content #introduction .intro-hero-subheading{font-size:17px;max-width:560px}}@media screen and (max-width: 767px){#content #introduction .intro-hero-subheading{font-size:16px;line-height:1.4}}#content #introduction .intro-hero-subheading{width:520px;max-width:520px;text-align:left;transform:translate(42px)}@media screen and (max-width: 1020px){#content #introduction .intro-hero-subheading{width:430px;max-width:430px;transform:translate(28px)}}@media screen and (max-width: 767px){#content #introduction .intro-hero-subheading{width:auto;max-width:92%;text-align:center;transform:none}}#content #introduction .intro-hero-title-wrap{display:flex;justify-content:center;align-items:center}#content #introduction .intro-hero-copy{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:640px}#content #introduction .intro-hero-copy h1{text-align:left;margin:0}#content #introduction .intro-hero-copy .intro-hero-subheading{width:auto;max-width:640px;margin:0;text-align:left;transform:none}@media screen and (max-width: 767px){#content #introduction .intro-hero-copy{align-items:center;max-width:92%}#content #introduction .intro-hero-copy h1,#content #introduction .intro-hero-copy .intro-hero-subheading{text-align:center}}#content #introduction .intro-hero-ogle{transform:none}@media screen and (min-width: 768px) and (max-width: 1020px){#content #introduction .intro-hero-ogle{transform:none}}#content #introduction .intro-hero-copy{gap:.85em}#content #introduction .intro-hero-copy h1{text-shadow:0 18px 34px rgba(18,45,100,.34)}#content #introduction .intro-hero-copy,#content #introduction .intro-hero-copy .intro-hero-subheading{max-width:500px}#content #introduction .intro-hero-ogle{transform:translate(30px)}@media screen and (max-width: 767px){#content #introduction .intro-hero-ogle{transform:none}}#content #introduction .intro-hero-copy h1{text-shadow:0 2px 1px rgba(255,255,255,.18),-7px 12px 18px rgba(26,58,118,.36),0 16px 28px rgba(18,45,100,.24)}#content #introduction .intro-hero-copy .intro-hero-subheading{text-shadow:-3px 6px 10px rgba(26,58,118,.3),0 10px 18px rgba(18,45,100,.18)}@media screen and (max-width: 767px){#content #introduction .intro-hero{background-size:200%,cover;background-position:42% 45%,center}}@media screen and (max-width: 767px){#content #introduction .intro-hero{position:relative;background-size:300%,cover;background-position:50% 68%,center}#content #introduction .intro-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(to bottom,#1851aa00,#1851aa5c);pointer-events:none}#content #introduction .intro-hero-ogle,#content #introduction .intro-hero-title-wrap{position:relative;z-index:1}}@media screen and (max-width: 767px){#content #introduction .intro-hero{overflow:hidden}#content #introduction .intro-hero:after{border-radius:inherit}}@media screen and (max-width: 767px){#content #introduction .intro-hero{background-size:clamp(300%,calc(837% - 70vw),550%),cover}}@media screen and (min-width: 0px) and (max-width: 410px){#content #introduction .intro-hero{background-size:550%,cover}}@media screen and (max-width: 767px){#content #introduction .intro-hero{padding-bottom:clamp(2em,6vw,3em);gap:clamp(.65em,2vw,1em)}#content #introduction .intro-hero-ogle{width:clamp(220px,40vw,282px);max-width:clamp(220px,40vw,282px);height:clamp(180px,32vw,229px)}}@media screen and (min-width: 0px) and (max-width: 410px){#content #introduction .intro-hero{padding-bottom:2.5em}}#content #introduction .intro-hero-copy{gap:1.05em}@media screen and (max-width: 767px){#content #introduction .intro-hero-copy{gap:.75em}}