.header{position:fixed;z-index:40}.header:before{content:'';position:absolute;inset:-12px -12px;background:#0b0d10ed;border:1px solid #28313a;border-radius:7px;z-index:-1}.note.offset{margin-left:0}.story-copy .note{width:352px;max-width:100%}.scene-footer .brand-mark.small{width:35px;height:37px}.empty-list{padding:30px 0;min-height:0}.empty-list>div{min-width:0}.empty-list h3{font-size:19px}.rewards-empty{padding:20px 0 5px}.rewards-empty h3{font-size:19px}.rewards-empty p{font-size:14px;line-height:1.8}.section-heading .text-button{color:#ffe06b;white-space:nowrap}.project-x{color:#b9c4d0}
@media(max-width:900px){.story-copy .note{width:320px}.note.offset{margin-left:0}.story-content{height:460px}}
@media(max-width:600px){.header:before{inset:-9px -9px;background:#0b0d10f2}.story-copy .note{width:100%;max-width:320px;font-size:13px}.note.offset{margin-left:0;margin-top:10px}.story-content{height:410px}.empty-list{display:flex;gap:18px;align-items:flex-start}.empty-list .text-button{margin:0}.empty-list h3{font-size:17px}.rewards-empty{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.rewards-empty .button{margin:0}.section-heading .text-button{font-size:11px}.section-heading:has(.text-button){align-items:flex-start;flex-direction:column;gap:9px}.footer-main .project-x{font-size:12px}.story .preview-note{font-size:10px}.scene-footer .brand-mark.small{width:32px;height:34px}}
@media(max-width:360px){.story-copy .note{font-size:12px}.story-content{top:105px}.hero-actions{gap:7px}.hero-actions .button{padding-inline:9px}}
