:root{color-scheme:dark;background:#080a0f;color:#edeef1;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0f;color:#edeef1}a{color:inherit}.story-header{position:fixed;top:0;left:0;right:0;z-index:5;padding:max(21px,env(safe-area-inset-top)) clamp(22px,4vw,60px) 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;mix-blend-mode:screen}.story-header a{text-decoration:none}.story-header a:hover{text-decoration:underline}.story-name{letter-spacing:.08em;text-transform:uppercase}.story-skip:focus-visible,.story-header a:focus-visible,.story-enter:focus-visible{outline:2px solid #e6c77e;outline-offset:6px}.story-skip{position:fixed;top:-100px;left:15px;z-index:9;background:#080a0f;padding:12px}.story-skip:focus{top:10px}.story-field{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#15131b 0%,#080a0f 57%)}.story-field canvas{width:100%;height:100%;display:block}.story-field:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a0f 0%,transparent 33%,transparent 75%,#080a0f99);pointer-events:none}.story-main{position:relative;z-index:1}.story-chapter{min-height:100svh;padding:110px clamp(24px,7vw,100px) max(55px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.story-chapter h1{font-size:clamp(52px,9vw,120px);font-weight:400;letter-spacing:-.065em;margin:0 0 18px;line-height:.9}.story-label{color:#b4bac4;text-transform:uppercase;font-size:10px;letter-spacing:.16em;margin:0 0 18px}.story-caption{font-size:clamp(23px,3.1vw,41px);line-height:1.24;letter-spacing:-.025em;max-width:780px;margin:0;text-wrap:balance;text-shadow:0 2px 22px #000,0 0 9px #000}.story-caption+.story-caption{margin-top:14px}.story-chapter:not(:first-child) .story-caption{font-size:clamp(22px,3vw,38px)}.story-invite{justify-content:flex-end;padding-bottom:max(75px,env(safe-area-inset-bottom))}.story-enter{display:inline-block;margin-top:30px;padding:15px 0;border-bottom:1px solid #c7bb9a;text-decoration:none;font-size:16px}.story-enter:hover{color:#e7c679}.story-note{font-size:12px;color:#aeb2bc;margin:17px 0 0;line-height:1.5}.story-progress{position:fixed;right:clamp(22px,4vw,60px);bottom:max(24px,env(safe-area-inset-bottom));z-index:4;font-size:11px;color:#aeb2bc;letter-spacing:.06em;pointer-events:none}.story-progress span{color:#eee}.story-chapter:first-child .story-caption{max-width:620px}.story-footer{position:relative;z-index:2;padding:30px clamp(24px,7vw,100px);font-size:12px;color:#a6aab3}.story-footer a{text-decoration:none}.story-footer a:hover{text-decoration:underline}
@media(max-width:700px){.story-header{font-size:12px}.story-chapter{padding:96px 24px max(72px,env(safe-area-inset-bottom))}.story-chapter h1{font-size:clamp(54px,15vw,80px)}.story-caption,.story-chapter:not(:first-child) .story-caption{font-size:clamp(23px,6.6vw,32px)}.story-progress{bottom:max(20px,env(safe-area-inset-bottom))}.story-field:after{background:linear-gradient(0deg,#080a0f 0%,transparent 35%,transparent 76%,#080a0f99)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}