html,body{margin:0;width:100%;overflow-x:hidden;background:#eeece5}
.in-frame,.in-frame body{overflow-y:hidden}
main{padding:0 28px;max-width:none;height:100svh;display:flex;flex-direction:column}
.intro{padding:22px 0 13px;align-items:center;flex-shrink:0}.intro .eyebrow{margin:0 0 5px}.intro h1{font-size:38px;line-height:1.07;margin:0}.intro h1 br{display:none}.intro h1 em:before{content:' '}.lead{font-size:11px;margin:0}
.experience{height:auto;flex:1;min-height:0}.sticky{position:static;height:100%;max-height:none;display:flex;flex-direction:column}.toolbar{min-height:65px;padding:10px 0;gap:14px}.composition{flex:1;min-height:0}.composition .story{margin:20px}.composition .story>img{max-height:32svh}.composition .story h2{font-size:27px}.composition .story>div:not(.facts){padding:18px 22px}.views{padding:10px 0}.scroll-hint{margin-bottom:4px;font-size:9px}
@media(max-width:1100px) and (min-width:801px){.lead{display:none}.thought-toggle{font-size:10px}.toolbar{gap:8px}.composition .story{margin:14px}.composition .story h2{font-size:24px}.composition .story p:not(.eyebrow){font-size:11px}}
@media(max-width:800px){html,body{height:auto}main{padding:0 18px;height:auto;display:block}.intro{padding:20px 0 14px}.intro h1{font-size:34px}.lead{display:none}.experience{height:auto}.sticky{height:auto;display:block}.composition .story{margin:20px 0 6px}.composition .story>img{max-height:280px}.toolbar{padding:12px 0;gap:9px}.thought-toggle{margin-left:0}.composition .story h2{font-size:29px}.views{padding-bottom:20px}}