/* Homepage navigation treatment, scoped to the story working page. */
aside{width:285px;padding:38px 30px;background:#14182d;color:#dedbea;border-right:1px solid #39354d;box-shadow:none}
aside .wordmark{font:800 32px Manrope;letter-spacing:-2px;color:white}
aside .wordmark span{color:#b79bf4}
aside .resource-button{display:flex;justify-content:space-between;margin:30px 0;background:#b79bf4;color:#171d36;padding:13px 16px;border-radius:5px;font-weight:bold}
aside nav h2{font:800 18px Manrope;color:#b79bf4;border-bottom:1px solid #38374b;padding-bottom:12px;margin:28px 0 10px;letter-spacing:normal}
aside nav a{display:block;font-size:14px;padding:6px 0;background:none}
aside nav a:before{content:'▸';position:static;color:#b79bf4;margin-right:12px}
aside nav a.active,aside nav a:hover{color:white;background:none}
aside footer{font-size:12px;color:#aaa7bc;margin-top:46px}
main{margin-left:285px}
#menu{left:263px;background:#b79bf4;color:#171d36;border:1px solid #b79bf4;border-radius:10px;box-shadow:0 4px 14px #171d3614;width:43px;height:43px;display:grid;place-items:center;line-height:1;padding:0}
#menu:hover{background:#c2a4ff}
#menu:focus-visible{outline:3px solid #b79bf4;outline-offset:3px}
.photo-mat img{object-position:37% 35%}
.story-orbit-photo{width:116px;height:116px;border-radius:50%;object-fit:cover;object-position:center;border:6px solid #fff;box-shadow:0 10px 35px #6836ce25}
.life-word.word-four{right:8%;bottom:45px}
@media(max-width:1050px){aside{width:240px;padding:30px 23px}main{margin-left:240px}#menu{left:218px}}
@media(max-width:760px){aside{width:280px;padding:38px 30px}main{margin-left:0}#menu{left:258px}.story-orbit-photo{width:116px;height:116px}}