*{box-sizing:border-box}html,body{margin:0;background:#0b344c;color:#fff;font-family:"Helvetica Neue",Arial,sans-serif}.opening{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;background:linear-gradient(90deg,transparent 97%,#b6dfe20d 100%),linear-gradient(0deg,transparent 97%,#b6dfe20d 100%),radial-gradient(ellipse at 0% 52%,#22875b 0,transparent 56%),radial-gradient(ellipse at 100% 80%,#853e9b 0,transparent 52%),linear-gradient(105deg,#083e40,#104773 58%,#2c235d);background-size:2vw 3.6vw,2vw 3.6vw,auto,auto,auto}header{position:absolute;left:3.4%;top:5.4%;font-size:1.65vw;font-weight:300;letter-spacing:-.04vw}.copy{position:absolute;left:19.2%;top:13.3%;right:5%}.eyebrow{display:flex;align-items:center;gap:1.8vw;font-size:1.45vw;letter-spacing:.35vw;color:#efcf82;margin:0 0 1.2vw}.eyebrow span{height:1px;width:9vw;background:#e6c789}h1{font-size:7vw;line-height:.99;font-weight:400;letter-spacing:-.19vw;margin:0 0 2.5vw}h1 strong{font-weight:400;color:#f4d593}h2{font-size:1.95vw;letter-spacing:.6vw;font-weight:400;margin:0 0 .75vw}.promise{font-size:1.9vw;margin:0;font-weight:300}footer{position:absolute;bottom:4.5%;left:3.4%;font-size:.9vw;font-weight:300}@media(max-width:650px){.opening{aspect-ratio:auto;min-height:100svh;background-size:24px 24px,24px 24px,auto,auto,auto}header{font-size:22px;left:7%;top:4%}.copy{left:7%;top:16%;right:7%}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:20px;gap:18px}.eyebrow span{width:40px}h1{font-size:9vw;line-height:1.08;letter-spacing:-1px;margin-bottom:25px}h2{font-size:14px;letter-spacing:3px;margin-bottom:12px}.promise{font-size:17px;line-height:1.5;max-width:330px}footer{font-size:10px;left:7%;bottom:4%;right:7%;line-height:1.5}}
@media(max-width:650px){}

.native-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:650px){.native-particles{top:auto;bottom:11%;height:35%;width:100%}}

@media(max-width:650px){footer{bottom:9%}}

body.opening-document{min-height:100svh;background:linear-gradient(90deg,transparent 97%,#b6dfe20d 100%),linear-gradient(0deg,transparent 97%,#b6dfe20d 100%),radial-gradient(ellipse at 0% 52%,#22875b 0,transparent 56%),radial-gradient(ellipse at 100% 80%,#853e9b 0,transparent 52%),linear-gradient(105deg,#083e40,#104773 58%,#2c235d);background-size:2vw 3.6vw,2vw 3.6vw,auto,auto,auto}.opening-document .opening{background:transparent}
@media(max-width:650px){body.opening-document{background-size:24px 24px,24px 24px,auto,auto,auto}}


body.opening-document{display:flow-root}

/* Let the particle foreground reach the document edge beneath navigation. */
.opening-document .opening .native-particles{margin-bottom:-42px}
.opening-document .slide-navigation{position:relative;z-index:2}
@media(max-width:999px){.opening-document .opening{padding-bottom:0}.opening-document .opening .native-particles{margin-bottom:0}}

/* Selection is explained in the guide, without boxing the opening artwork. */
.opening-document .visual-focus-target.selected{outline-color:transparent;filter:none}
.opening-document .visual-focus-target:focus-visible{outline:2px solid #fff0c9}